You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -179,15 +182,26 @@ Before designing a form you should:
179
182
180
183
The different parts of a form are:
181
184
182
-
-[Form layout component]("/components/form"): A wrapper layout component that sets layout and spacing between form elements
183
-
-**Form element**: Any UI component in a form. Examples: Input, Button, Callout.
184
-
-**Form header**: Includes form elements like [Heading](/components/heading) and [Paragraph](/components/paragraph) that describe the purpose of the form.
185
-
-**Form field**: A UI component in a form where users enter information, including their associated Label and Help Text. Examples: Checkbox, Input, Time Picker—with their Label and Help Text.
186
-
-**Form actions**: Includes form elements like [Button](/components/button) or [Button Group](/components/button-group) for submitting or navigating a form.
185
+
<UnorderedList>
186
+
<ListItem>
187
+
<strong><Anchorhref="/components/form">Form layout component</Anchor></strong>: A wrapper layout component that sets layout and spacing between form elements.
188
+
</ListItem>
189
+
<ListItem>
190
+
<strong>Form element</strong>: Any UI component in a form. Examples: Input, Button, Callout.
191
+
</ListItem>
192
+
<ListItem>
193
+
<strong>Form header</strong>: Includes form elements like <Anchorhref="/components/heading">Heading</Anchor> and <Anchorhref="/components/paragraph">Paragraph</Anchor> that describe the purpose of the form.
194
+
</ListItem>
195
+
<ListItem>
196
+
<strong>Form field</strong>: A UI component in a form where users enter information, including their associated Label and Help Text. Examples: Checkbox, Input, Time Picker—with their Label and Help Text.
197
+
</ListItem>
198
+
<ListItem>
199
+
<strong>Form actions</strong>: Includes form elements like <Anchorhref="/components/button">Button</Anchor> or <Anchorhref="/components/button-group">Button Group</Anchor> for submitting or navigating a form.
200
+
</ListItem>
201
+
</UnorderedList>
187
202
188
203
<ResponsiveImagesrc={FormIngredients}alt="form components split into header, sections and actions" />
0 commit comments