API Reference
Pill
The editorial status chip used across superlore pages — five intent colours, grouped via PillGroup.
Pill is the editorial chip used across superlore pages — a rounded, intent-coloured token. Where
Badge is the broad Mintlify-compatible primitive, Pill is the smaller,
opinionated chip the superlore pages reach for. Both are inline-only and carry no knowledge face
by design. Wrap a row in PillGroup to space them.
When to use it
Use a pill for a small inline status or tag inside superlore editorial content — a status next to a
feature, a label in a group. The five colours map to intent: violet (accent), neutral,
success, warning, danger.
Props
Pill
| Prop | Type | Default | Description |
|---|---|---|---|
color | violet | neutral | success | warning | danger | violet | Chip colour by intent |
icon | string | — | Optional leading icon |
children | ReactNode | — | The chip label |
PillGroup wraps one or more <Pill> elements and spaces them in a wrapping row.
Live example
violet
success
warningdangerneutral