Tag / Chip
Compact elements for labels, categories, or removable selections.
Default
Tags in different variants: filled, secondary, and outline.
Filled
Secondary
Outline
With Remove Button
Tags with a close button for removable selections.
React
TypeScript
Tailwind
Astro
Semantic Colors
Tags with semantic color variants for status and context.
Success
Warning
Destructive
Info
Sizes
Tags available in small, default, and large sizes.
Small
Default
Large
With Icons
Tags with leading icons for additional context.
Featured
Recent
Verified
Input Tags
An input field with tags for multi-value entry.
Design
Frontend
UI/UX