Skip to content

Tags

Tags are used to display labels or categories that can be applied to items. They help in organizing and filtering content based on specific attributes.

Tag
Loading Code Block...

To get started, install Butterfly DS via aqua:

Loading Code Block...
Loading Code Block...
brand
neutral
warning
success
info
danger
Loading Code Block...
brand
neutral
warning
success
info
danger
Loading Code Block...

PropsDefaultTypeDescription
text-stringText to be displayed in the tag.
colorneutral| 'brand' | 'neutral' | 'success' | 'danger' | 'warning' | 'info'Color of the tag.
isOutlinefalsebooleanIf set, the tag will have an outline style.
icon
icon icon icon icon