Tag
Tags act as succinct markers, categorizing and highlighting content across digital platforms. These compact labels are versatile, aiding in content classification, status indication, and item filtering, thereby improving organization.
Examples
Default
Default Tag.
Filled Tag
Change the type of tag by passing the type prop to the component.
Icon Tag
Add icons to the left of the text by passing the iconLeading props to the component.
To just get an icon in the Tag, don't pass any children to the Tag.
Color
Installation
Properties
variant
"stroke"
"filled"
default: "stroke"
Variant of Tag.
color
"neutral"
"primary"
"neutral"
"danger"
default: "neutral"
Color of the Tag.
iconLeading
React.ReactNode
Icon to be displayed in the Tag.
onDismiss
function
On dismiss function, exposes the dismiss button.