Tag
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
sm size
With icons
Left icon
Right icon
Both icons
Letter cases
Default
Lowercase
Customization
Customized
Customized
Customized
Tag props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| id | string | No | - | Id attribute for DOM element |
| size | 2xs | xs | sm | No | "xs" | Size of tag |
| class | css_class | No | - | Tailwind classes for customization |
| is_uppercase | boolean | No | true | Letter case |
| testid | string | No | - | Data-testid attribute for DOM element |
| default | slot | No | - | Tag content |
| left_icon | slot | No | - | Left icon |
| right_icon | slot | No | - | Right icon |