Toggles
Compare the real components, explore every example, and follow the guidance into implementation.
Implementation previewToggle
Explore every named example, including states, compositions, and theme variants.
Example source
packages/design-system/src/components/primitives/Toggle/Toggle.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 solid switch for a single setting that takes effect immediately.
Checkbox
Explore every named example, including states, compositions, and theme variants.
Example source
packages/design-system/src/components/primitives/Checkbox/Checkbox.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 round multi-select control that toggles one item without committing an entire form.
Radio
Explore every named example, including states, compositions, and theme variants.
Example source
packages/design-system/src/components/primitives/Radio/Radio.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 round single-select control that selects an option without deselecting the current option on a second press.