Chip
In progress
RTL
Chips help filter content, or trigger actions.
Default
Sizes
Variants
Active
With icons
Is stroke
Is stroke with icons
With on click
Chip props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| default | slot | No | - | Chip content |
| left_icon | slot | No | - | Left icon |
| right_icon | slot | No | - | Right icon |
| icon_only | slot | No | - | Icon without text |
| size | sm | md | No | md | Size of chip |
| is_active | boolean | No | false | Active state |
| is_stroke | boolean | No | false | Shows stroke on hover/active |
| variant | default | ghost | No | default | Visual/Logical variant of chip |
| on_click | event | No | - | Event to be fired on click |
| class | css_classs | No | - | Tailwind classes for customization |