Usage
<Pill> is the smallest label component. Use for "New", "Beta", "v2" markers next to text where space is tight.
## API v2 <Pill>New</Pill>API v2 New
The default theme is dark <Pill>since v1.1</Pill>.The default theme is dark since v1.1.
When to use Pill vs Badge
<Pill> | <Badge> | |
| Size | Smaller, no uppercase | Slightly larger, uppercase |
| Variants | None — single muted style | 7 colored variants |
| Use for | "New", "v2", subtle markers | Status, plan tier, semantic labels |
If you need color (success, warning, danger), reach for <Badge>. Pill is intentionally monochrome.
Props
| Prop | Type | Description |
children | ReactNode | Pill label (kept very short — 1-3 words) |