Tag
RTL
Tags represent a set of interactive keywords that help organise and categorise objects.
Tags can be added or removed from an object.
![Tag](/moon/assets/images/facing/components/tag.png)
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 |