Chip
Chip Component
Playground
Default Chip
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| label | text | — | |
| variant | selectfilled | outlined | — | |
| color | selectdefault | primary | success | error | warning | — | |
| size | selectsm | md | — |
DefaultDefault Chip
OutlinedOutlined
Colors
DefaultPrimarySuccessErrorWarning
DeletableRemove me
ClickableClick me
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
color | select | — | Color |
label | text | — | Chip label |
size | select | — | Size |
variant | select | — | Visual variant |
Using Chiptsx
import { Chip } from '@/components/Chip'
<Chip
label="..."
variant="..."
color="..."
size="..."
/>Tokens Used
No design tokens detected