Maple · Actions

Chip

Compact, selectable options for filters and tags. Selected chips show a check; removable chips carry a close button.

View in Storybook →

Filter and removable

TerracottaEditorialWarm
<Chip label="Design" selected={on} onToggle={toggle} />
<Chip label="Warm" onRemove={remove} />

Props

PropTypeDefaultDescription
labelstring—Label.
selectedbooleanfalseSelected (shows a check).
onToggle() => void—Toggle handler.
onRemove() => void—Makes the chip removable.
disabledbooleanfalseDisabled.