Simal UI
Components

ChipList

Import

import { ChipList } from '@simal/ui/nativewindui';

Props

PropValuesDefaultDescription
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.
selectedLabelsWhich chips start selected. Like Chip.selected, this seeds state rather than controlling it.
disabledLabelsChips that render inert. Useful for a filter that exists but currently matches nothing.
onSelectionChangeFires with the full selected set after any chip toggles, not just the one pressed.

Examples

With Selection

With Disabled

On this page