Menu
Sidera/Components/Chip

Chip

Chips are compact, interactive tokens. Use the default variant for a removable value, or selectable for a toggleable filter.

CategoryForms
StatusStable
01Selectable
DesignEngineeringResearch
02Removable
FigmaNotionLinear
03Properties
PropTypeDefault
variantdefault | selectabledefault
selectedboolean (selectable)false
onClick() => void (selectable)
onRemove() => void (default)
disabledbooleanfalse
04Accessibility

Selectable chips expose role="button" and aria-pressed, and respond to Enter/Space. Removable chips give the × control its own focusable target with an "Remove" label.