Badges (Links • Icons • Removable)
The following badges are rendered from inline mock data. Some wrap a Link, some include an icon (image), and some are removable (composed pattern).
Loading…
Loading…
Badges can be used for conveying information, filters, styling, branding, and more. The Shadcn provided variants are listed below
The following badges are rendered from inline mock data. Some wrap a Link, some include an icon (image), and some are removable (composed pattern).
Click a badge to set it as the active filter. This composes Badge with simple state (no extra props beyond variant and className).
All