Components
ChipList
This example is composed with Storybook args. Open the interactive workbench to change its props and inspect the generated API controls.
Import
import { ChipList } from '@simal/ui/nativewindui';Props
| Prop | Values | Default | Description |
|---|---|---|---|
labels | — | ["All","Option A","Option B","Option C","Option D"] | Every chip in the row, in order. Labels double as identity — selectedLabels and disabledLabels match against these strings. |
selectedLabels | — | — | Which chips start selected. Like Chip.selected, this seeds state rather than controlling it. |
disabledLabels | — | — | Chips that render inert. Useful for a filter that exists but currently matches nothing. |
onSelectionChange | — | — | Fires with the full selected set after any chip toggles, not just the one pressed. |
Examples
With Selection
With Disabled
<ChipList
selectedLabels={['All']}
disabledLabels={['Option D']}
/>