# Chip

Tiny status/count/label tokens: live (pulsing dot), armed, ready, warn, danger, count, tag. Absorbs every bespoke pill.

Install: `npx candlelight-ds add chip`

Category: primitive · Grammar: G6, G7

## Use when

Marking state (live/armed/ready), counts, or tags on rows and headers.

## Don't use when

The element triggers a primary action (Button) or fires a one-shot (Pad).

## States

- live
- armed
- quiet
- ready
- warn
- danger
- count
- tag
- with dot
- with pulsing dot

## Keyboard

- (none — pointer/semantic only)

## Acceptance tests

- The live pulse dies under prefers-reduced-motion.
- live and armed are different hues — the eye separates staged from live without reading.

## Files

- components/ui/Chip.tsx

npm dependencies: @candlelight-ds/tokens, class-variance-authority, clsx, tailwind-merge

Rendered twin: https://candlelight-docs.vercel.app/components/chip · Full spec: https://candlelight-docs.vercel.app/spec.md