Pill
Pill Component
Playground
Default Pill
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| label | text | — | |
| color | color | — | |
| variant | selectfilled | outlined | — | |
| size | selectsm | md | — |
DefaultDefault Pill
OutlinedOutlined
Colors
PrimarySuccessError
Removable
ReactTypeScript
Sizes
SmallMedium
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
color | color | — | Pill color |
label | text | — | Pill label text |
size | select | — | Pill size |
variant | select | — | Visual variant |
Using Pilltsx
import { Pill } from '@/components/Pill'
<Pill
label="..."
color="..."
variant="..."
size="..."
/>Tokens Used
No design tokens detected