Chip
In progress
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 |