Components

ChipGroup

A single-line, horizontally-scrolling row of Chips, with scroll-snap.

Available since@crisp-ui-kit/crisp@0.57.3

Naver and Kakao both keep a filter/status chip row on one line by scrolling it horizontally instead of wrapping — docs/study/korean/ (Naver home comp_snap_list, scroll-snap-type: x mandatory; Daum UL.grid_xscroll). crisp had no equivalent: a plain flex row wraps chips onto a second line once they run out of width, which breaks a table header's one-line density. ChipGroup renders any children (usually Chip) in a single scrolling row, each one snapping to the row's start edge. No new visual value — the gap reuses Chip's own measured 3px inter-child spacing.

Installation

npm install @crisp-ui-kit/crisp

Props

Prop

Type

See also Tabs's own overflow="scroll" mode, the same pattern for a tab row instead of a chip row.

On this page