diff --git a/example_plugins/plugins/ui_form/src/checkbox.tsx b/example_plugins/plugins/ui_form/src/checkbox.tsx
index 5cd0c18..3f5c365 100644
--- a/example_plugins/plugins/ui_form/src/checkbox.tsx
+++ b/example_plugins/plugins/ui_form/src/checkbox.tsx
@@ -5,7 +5,8 @@ export default function CheckboxExample(): ReactElement {
     return (
         <Form>
             <Form.Checkbox
-                label="Cheese"
+                label="Have heard about"
+                title="The Tragedy of Darth Plagueis the Wise"
                 value={true}
                 onChange={value => {
                     console.log(`value: ${value}`)
diff --git a/example_plugins/plugins/ui_form/src/main.tsx b/example_plugins/plugins/ui_form/src/main.tsx
index 3335f37..6afb36f 100644
--- a/example_plugins/plugins/ui_form/src/main.tsx
+++ b/example_plugins/plugins/ui_form/src/main.tsx
@@ -1,50 +1,35 @@
 import { ReactElement } from 'react';
-import { Form } from "@project-gauntlet/api/components";
-
-// TODO remake into starwars themed
+import { Action, ActionPanel, Form } from "@project-gauntlet/api/components";
 
 export default function MainExample(): ReactElement {
     return (
-        <Form>
+        <Form
+            actions={
+                <ActionPanel>
+                    <Action label="Submit" onAction={() => {}}/>
+                </ActionPanel>
+            }
+        >
+            <Form.TextField label="First Name" value="Cassian" onChange={value => {
+                console.log(`First Name: ${value}`)
+            }}/>
+            <Form.TextField label="Last Name" value="Andor" onChange={value => {
+                console.log(`Last Name: ${value}`)
+            }}/>
             <Form.Select
-                label="Food"
-                value="burger"
-            >
-                <Form.Select.Item value="burger">Burger</Form.Select.Item>
+                label="Species"
+                value="human"
+                onChange={value => {
+                console.log(`Last Name: ${value}`)
+            }}>
+                <Form.Select.Item value="human">Human</Form.Select.Item>
+                <Form.Select.Item value="jawa">Jawa</Form.Select.Item>
+                <Form.Select.Item value="hutt">Hutt</Form.Select.Item>
+                <Form.Select.Item value="twi'lek">Twi'lek</Form.Select.Item>
             </Form.Select>
-            <Form.TextField
-                label="Bun"
-                onChange={value => {
-                    console.log(`value: ${value}`)
-                }}
-            />
-            <Form.TextField
-                label="Meat"
-                value="Chicken"
-                onChange={value => {
-                    console.log(`value: ${value}`)
-                }}
-            />
-            <Form.Checkbox
-                label="Cheese"
-                value={true}
-                onChange={value => {
-                    console.log(`value: ${value}`)
-                }}
-            />
-            <Form.TextField
-                label="Toppings"
-                onChange={value => {
-                    console.log(`value: ${value}`)
-                }}
-            />
-            <Form.TextField
-                label="Condiments"
-                onChange={value => {
-                    console.log(`value: ${value}`)
-                }}
-            />
+
             <Form.Separator/>
+
             <Form.DatePicker
                 label="Date"
                 value={"2024-03-22"}
@@ -52,6 +37,13 @@ export default function MainExample(): ReactElement {
                     console.log(`value: ${value}`)
                 }}
             />
+            <Form.Checkbox
+                title="I acknowledge the Galactic Code and agree to abide by its regulations."
+                value={false}
+                onChange={value => {
+                    console.log(`terms of service: ${value}`)
+                }}
+            />
         </Form>
     );
 };
diff --git a/example_plugins/plugins/ui_form/src/password-field.tsx b/example_plugins/plugins/ui_form/src/password-field.tsx
index 5ec40d5..b4042fe 100644
--- a/example_plugins/plugins/ui_form/src/password-field.tsx
+++ b/example_plugins/plugins/ui_form/src/password-field.tsx
@@ -4,7 +4,7 @@ import { Form } from "@project-gauntlet/api/components";
 export default function PasswordFieldExample(): ReactElement {
     return (
         <Form>
-            <Form.PasswordField label="Password" value="burger"/>
+            <Form.PasswordField label="Password" value="K'lor'slug"/>
         </Form>
     );
 };
diff --git a/example_plugins/plugins/ui_form/src/select.tsx b/example_plugins/plugins/ui_form/src/select.tsx
index ef9cb99..6753d63 100644
--- a/example_plugins/plugins/ui_form/src/select.tsx
+++ b/example_plugins/plugins/ui_form/src/select.tsx
@@ -4,13 +4,13 @@ import { Form } from "@project-gauntlet/api/components";
 export default function SelectExample(): ReactElement {
     return (
         <Form>
-            <Form.Select label="Food" value="burger">
-                <Form.Select.Item value="burger">Burger</Form.Select.Item>
-                <Form.Select.Item value="hot-dog">Hot Dog</Form.Select.Item>
-                <Form.Select.Item value="croissant">Croissant</Form.Select.Item>
-                <Form.Select.Item value="cookies">Cookies</Form.Select.Item>
-                <Form.Select.Item value="steak">Steak</Form.Select.Item>
-                <Form.Select.Item value="seafood">Seafood</Form.Select.Item>
+            <Form.Select label="Species" value="human">
+                <Form.Select.Item value="human">Human</Form.Select.Item>
+                <Form.Select.Item value="jawa">Jawa</Form.Select.Item>
+                <Form.Select.Item value="hutt">Hutt</Form.Select.Item>
+                <Form.Select.Item value="twi'lek">Twi'lek</Form.Select.Item>
+                <Form.Select.Item value="wookie">Wookie</Form.Select.Item>
+                <Form.Select.Item value="kaminoan">Kaminoan</Form.Select.Item>
             </Form.Select>
         </Form>
     );
diff --git a/example_plugins/plugins/ui_form/src/separator.tsx b/example_plugins/plugins/ui_form/src/separator.tsx
index d3622c5..2090282 100644
--- a/example_plugins/plugins/ui_form/src/separator.tsx
+++ b/example_plugins/plugins/ui_form/src/separator.tsx
@@ -4,19 +4,11 @@ import { Form } from "@project-gauntlet/api/components";
 export default function SeparatorExample(): ReactElement {
     return (
         <Form>
-            <Form.TextField
-                label="Toppings"
-                onChange={value => {
-                    console.log(`value: ${value}`)
-                }}
-            />
+            <Form.TextField label="Canon"/>
+
             <Form.Separator/>
-            <Form.TextField
-                label="Condiments"
-                onChange={value => {
-                    console.log(`value: ${value}`)
-                }}
-            />
+
+            <Form.TextField label="Legends"/>
         </Form>
     );
 };
diff --git a/example_plugins/plugins/ui_form/src/text-field.tsx b/example_plugins/plugins/ui_form/src/text-field.tsx
index e35eb21..d50930c 100644
--- a/example_plugins/plugins/ui_form/src/text-field.tsx
+++ b/example_plugins/plugins/ui_form/src/text-field.tsx
@@ -5,9 +5,9 @@ export default function TextFieldExample(): ReactElement {
     return (
         <Form>
             <Form.TextField
-                label="The Tragedy of Darth Plagueis the Wise"
+                label="Homeworld"
                 onChange={value => {
-                    console.log(`value: ${value}`)
+                    console.log(`homeworld: ${value}`)
                 }}
             />
         </Form>