Components
StatusDot
A standalone coloured status/stage dot.
A free-standing 12x12 coloured circle — no pill, no text pairing required. Measured live on
Attio's Deals Pipeline board: each stage-column header renders one of these before its label.
Distinct from Badge's own dot prop, which is a smaller 6px dot rendered inside a text pill
in the badge's own tone colour.
Attio assigns an arbitrary colour per stage/status from its own picker, so StatusDot takes a
raw CSS color rather than a fixed tone name — pair it with your own label in a flex row.
Available since@crisp-ui-kit/crisp@0.55.7
Installation
npm install @crisp-ui-kit/crispProps
Prop
Type