Chip
A Chip is a small block of essential information that represent an input, attribute, or action.
Usage
Default
Colors
default
primary
secondary
success
warning
danger
Variants
solid
outlined
flat
dot
Hello
Hello
Sizes
Chip sm
Chip md
Chip lg
Radius
none
sm
md
lg
xl
2xl
3xl
full
Start & End Content
Default
Default
Default
Default
Bordered
default
primary
secondary
success
warning
danger
Variants & Colors
solid-default
solid-primary
solid-secondary
solid-success
solid-warning
solid-danger
outlined-default
outlined-primary
outlined-secondary
outlined-success
outlined-warning
outlined-danger
flat-default
flat-primary
flat-secondary
flat-success
flat-warning
flat-danger
With Delete
Click me