Tag
In progress
ARIA
RTL
Tags represent a set of interactive keywords that help organise and categorise objects.
Tags can be added or removed from an object.

Default
Default
Sizes
2XS size
XS size
Tag with icons
Left icon
Right icon
Both icons
Letter cases
Default
Lowercase
Customization
Customized
Customized
Customized
Tag props
Name | Type | Required | Default | Description |
---|---|---|---|---|
children | React.ReactNode | No | - | Children content |
className | string | No | - | Tailwind classes for customization |
iconLeft | React.ReactElement | No | - | Left icon |
iconRight | React.ReactElement | No | - | Right icon |
isUppercase | boolean | No | true | Letter case |
size | 2xs | xs | No | xs | Size of tag |