Add Field around Input elements in JSX examples (#1519)

MetaMask · Sep 23, 2024 · 6e8daa7 · 6e8daa7
1 parent ee1ee08
commit 6e8daa7
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/snaps/features/custom-ui/with-jsx.md b/snaps/features/custom-ui/with-jsx.md
@@ -419,7 +419,9 @@ const interfaceId = await snap.request({
   params: {
     ui: (
       <Form name="form-to-fill">
-        <Input name="user-name" placeholder="Your name" />
+        <Field label="First Name">
+          <Input name="firstName" placeholder="Enter your first name" />
+        </Field>
         <Button type="submit">Submit</Button>
       </Form>
     ),
@@ -541,7 +543,9 @@ const interfaceId = await snap.request({
   params: {
     ui: (
       <Form name="form-to-fill">
-        <Input name="user-name" placeholder="Your name" />
+        <Field label="First Name">
+          <Input name="firstName" placeholder="Enter your first name" />
+        </Field>
         <Button type="submit">Submit</Button>
       </Form>
     ),