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 |