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 Icon
![](/_next/image?url=%2Fimages%2Fpreview-bg.webp&w=3840&q=100)
Primary
Secondary
Outlined
Success
Error
Warning
Tag with End Icon
![](/_next/image?url=%2Fimages%2Fpreview-bg.webp&w=3840&q=100)
Primary
Secondary
Outlined
Success
Error
Warning
Tag with Start & End Icon
![](/_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.