Add label to dev page input

cloudscape-design · Aug 10, 2023 · be6f68b · be6f68b
1 parent 4227ba7
commit be6f68b
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/pages/funnel-analytics/nested-funnels.page.tsx b/pages/funnel-analytics/nested-funnels.page.tsx
@@ -4,7 +4,18 @@ import React from 'react';
 
 import { i18nStrings } from '../wizard/common';
 
-import { Box, BreadcrumbGroup, Form, Wizard, WizardProps, Input, Container, Header, SpaceBetween } from '~components';
+import {
+  Box,
+  BreadcrumbGroup,
+  Form,
+  Wizard,
+  WizardProps,
+  Input,
+  Container,
+  Header,
+  SpaceBetween,
+  FormField,
+} from '~components';
 
 export default function WizardPage() {
   const steps: WizardProps.Step[] = [
@@ -45,7 +56,9 @@ export default function WizardPage() {
               <Container header={<Header>Another header</Header>}>
                 <Form>
                   Here is a substep nested inside a substep.
-                  <Input readOnly={true} value="" />
+                  <FormField label="An input field">
+                    <Input readOnly={true} value="" />
+                  </FormField>
                 </Form>
               </Container>
             </Container>