Skip to content

Commit 50f0a87

Browse files
committed
feat(pattern): fix imports
1 parent 6a4ded0 commit 50f0a87

File tree

1 file changed

+20
-6
lines changed
  • packages/paste-website/src/pages/patterns/form

1 file changed

+20
-6
lines changed

Diff for: packages/paste-website/src/pages/patterns/form/index.mdx

+20-6
Original file line numberDiff line numberDiff line change
@@ -64,6 +64,9 @@ import {
6464
DataGridHeader,
6565
DataGridRow,
6666
} from "@twilio-paste/data-grid";
67+
import {UnorderedList, OrderedList, ListItem} from '@twilio-paste/list'
68+
import {Table, THead, Tr, Th, TBody, Td, TFoot} from '@twilio-paste/table';
69+
import { Blockquote, BlockquoteContent, BlockquoteCitation } from "@twilio-paste/blockquote";
6770

6871
import DefaultLayout from '../../../layouts/DefaultLayout';
6972
import {getFeature, getNavigationData} from '../../../utils/api';
@@ -179,15 +182,26 @@ Before designing a form you should:
179182

180183
The different parts of a form are:
181184

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><Anchor href="/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 <Anchor href="/components/heading">Heading</Anchor> and <Anchor href="/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 <Anchor href="/components/button">Button</Anchor> or <Anchor href="/components/button-group">Button Group</Anchor> for submitting or navigating a form.
200+
</ListItem>
201+
</UnorderedList>
187202

188203
<ResponsiveImage src={FormIngredients} alt="form components split into header, sections and actions" />
189204

190-
191205
### General form elements
192206

193207
<Table tableLayout="fixed" striped>

0 commit comments

Comments
 (0)