THEME
MOTION
HAPTIC
SOUND
CHIPS
Horizontally scrolling row of tappable preset chips. Supports grouped layouts with dividers.
Live demo
Import
import { Chips } from '@cathode-ui/react';Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
groups | Chip[] | Chip[][] | — | yes | Flat list or grouped arrays. |
onSelect | (chip: Chip) => void | — | yes |
Examples
flat
<Chips groups={[{ label: "SOS" }, { label: "HELP" }]} onSelect={insert} />grouped
<Chips groups={[[{label:"SOS"}], [{label:"OK"}, {label:"YES"}]]} onSelect={insert} />Accessibility
Role: group
Feedback
| Haptic | tap |
| Sound | click |
Motion states
press