Chips & Badge
Compare the real components, explore every example, and follow the guidance into implementation.
Implementation previewChip
Explore every named example, including states, compositions, and theme variants.
Example source
packages/design-system/src/components/controls/Chip/Chip.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 compact pill in one of four shapes: selectable, command, removable, or readonly. Never more than one.
ChipGroup
Explore every named example, including states, compositions, and theme variants.
Example source
packages/design-system/src/components/controls/ChipGroup/ChipGroup.stories.tsxExport FiltersImplementation 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 labelled set of chips, announced as one group rather than as loose controls.
Tag
Explore every named example, including states, compositions, and theme variants.
Example source
packages/design-system/src/components/primitives/Tag/Tag.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.
The single non-interactive marker: a compact pill carrying a status, a label, or a piece of metadata.