Chip
RTL
Chips help filter content, or trigger actions.

Default
Sizes
Variants
Active
Icons
Is Stroke
Is Stroke with Icons
With onClick
Chip props
Name | Type | Required | Default | Description |
---|---|---|---|---|
children | JSX.Element | string | No | - | Children content |
iconLeft | JSX.Element | boolean | No | - | Left icon |
iconOnly | JSX.Element | boolean | No | - | Icon without text |
iconRight | JSX.Element | boolean | No | - | Right icon |
isActive | boolean | No | false | Active state |
isStroke | boolean | No | false | Shows stroke on hover/active |
size | sm | md | No | md | Size of chip |
variant | default | ghost | No | default | Visual/Logical variant of chip |