Tag - Tailwind CSS UI Kit Component
Tag
![](/_next/image?url=%2Fimages%2Fpreview-bg.webp&w=3840&q=100)
Primary
Secondary
Outlined
Success
Error
Warning
Tag with Start Adornment
![](/_next/image?url=%2Fimages%2Fpreview-bg.webp&w=3840&q=100)
Primary
Secondary
Outlined
Success
Error
Warning
Tag with End Adornment
![](/_next/image?url=%2Fimages%2Fpreview-bg.webp&w=3840&q=100)
Primary
Secondary
Outlined
Success
Error
Warning
Tag with Start & End Adornment
![](/_next/image?url=%2Fimages%2Fpreview-bg.webp&w=3840&q=100)
Primary
Secondary
Outlined
Success
Error
Warning
A tag, a compact overlapping UI element, showcases the status, notice, or event related to the underlying object. This petite yet impactful feature seamlessly integrates into UI designs, especially those created with the Tailwind CSS UI kit, enhancing visual communication and overall user experience.