Chip

In progress
RTL

Chips help filter content, or trigger actions.

Chip

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