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.

Tag

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

NameTypeRequiredDefaultDescription
childrenReact.ReactNodeNo-Children content
classNamestringNo-Tailwind classes for customization
iconLeftReact.ReactElementNo-Left icon
iconRightReact.ReactElementNo-Right icon
isUppercasebooleanNotrueLetter case
size2xs | xsNoxsSize of tag