Badge
Small visual indicators for status, labels, or categories with frosted glass styling and color variants.
Installation
$
npx shadcn@latest add @einui/glass-badgeVariants
Badges come in multiple color variants to represent different states and purposes.
Default
Primary
Success
Warning
Error
Outline
Status Indicators
Combine badges with status dots to create clear status indicators.
Online
Away
Offline
Tags
Use badges as tags for categorization or skill representation.
React
TypeScript
Tailwind CSS
Next.js