---
category: Data
---

A pill at `--r-badge` on `--surface` with a `--hairline` border, `--t-label` at
`--weight-control`. `accent` fills with `--accent-wash` and writes in `--action`;
`selected` moves the border and label to `--action`. A chip never carries a status
colour — states live in `Delta` and the word beside it.

```tsx
<Chip>codefa.st</Chip>
<Chip tone="accent" selected>Last 30 days</Chip>
```