Components
Accent Picker
A row of selectable colour swatches.
Attio's own accent-colour picker (Settings > Appearance): a role="radiogroup" row of 24x24
circular swatches, 8px apart. The checked swatch's border switches to its own colour — not a
fixed brand ring — while every other swatch's border stays transparent. Arrow keys move
between swatches (roving focus), the same model RadioGroup and Segmented share.
Available since@crisp-ui-kit/crisp@0.56.1
Installation
npm install @crisp-ui-kit/crispProps
Prop
Type