Form fields
Compare the real components, explore every example, and follow the guidance into implementation.
Implementation previewInput
Explore every named example, including states, compositions, and theme variants.
Example source
packages/design-system/src/components/primitives/Input/Input.stories.tsxExport PlaygroundImplementation preview Local Storybook build 0.2.0-preview.1. Source specification status does not approve this runtime.
Stories + source JSON ↗Local specification source status: preview. Implementation preview pending sign-off.
A controlled text input, paired with Field for a persistent label and useful validation.
Field
Explore every named example, including states, compositions, and theme variants.
Example source
packages/design-system/src/components/forms/Field/Field.stories.tsxExport PlaygroundImplementation preview Local Storybook build 0.2.0-preview.1. Source specification status does not approve this runtime.
Stories + source JSON ↗Local specification source status: preview. Implementation preview pending sign-off.
Own the label, helper text, and error for exactly one form control.
Select
Explore every named example, including states, compositions, and theme variants.
Example source
packages/design-system/src/components/forms/Select/Select.stories.tsxExport PlaygroundImplementation preview Local Storybook build 0.2.0-preview.1. Source specification status does not approve this runtime.
Stories + source JSON ↗Local specification source status: preview. Implementation preview pending sign-off.
A single-choice form control whose trigger opens a mobile option sheet and mirrors the committed value into form submission.
Textarea
Explore every named example, including states, compositions, and theme variants.
Example source
packages/design-system/src/components/forms/Textarea/Textarea.stories.tsxExport PlaygroundImplementation preview Local Storybook build 0.2.0-preview.1. Source specification status does not approve this runtime.
Stories + source JSON ↗Local specification source status: preview. Implementation preview pending sign-off.
A controlled multiline form field with configurable rows, semantic surfaces, and native length constraints.
SearchField
Explore every named example, including states, compositions, and theme variants.
Example source
packages/design-system/src/components/forms/SearchField/SearchField.stories.tsxExport PlaygroundImplementation preview Local Storybook build 0.2.0-preview.1. Source specification status does not approve this runtime.
Stories + source JSON ↗Local specification source status: preview. Implementation preview pending sign-off.
A controlled search input with search icon, return-key callback, optional loading indicator, and value-dependent clear action.
Autocomplete
Explore every named example, including states, compositions, and theme variants.
Example source
packages/design-system/src/components/forms/Autocomplete/Autocomplete.stories.tsxExport PlaygroundImplementation preview Local Storybook build 0.2.0-preview.1. Source specification status does not approve this runtime.
Stories + source JSON ↗Local specification source status: preview. Implementation preview pending sign-off.
A controlled search field with inline, sheet, or fullscreen result presentation and explicit loading, error, empty, and disabled states.
DatePicker
Explore every named example, including states, compositions, and theme variants.
Example source
packages/design-system/src/components/forms/DatePicker/DatePicker.stories.tsxExport PlaygroundImplementation preview Local Storybook build 0.2.0-preview.1. Source specification status does not approve this runtime.
Stories + source JSON ↗Local specification source status: preview. Implementation preview pending sign-off.
A form trigger that presents bounded month, day, and year wheels and commits one ISO calendar date on confirmation.
RadioGroup
Explore every named example, including states, compositions, and theme variants.
Example source
packages/design-system/src/components/forms/RadioGroup/RadioGroup.stories.tsxExport PlaygroundImplementation preview Local Storybook build 0.2.0-preview.1. Source specification status does not approve this runtime.
Stories + source JSON ↗Local specification source status: preview. Implementation preview pending sign-off.
A controlled single-choice field that stacks labelled options as divider-separated selection rows.