Badge

Small count and labeling component for displaying status or metadata

Preview

Badge

npx shadcn@latest add @cubby-ui/badge


import { Badge } from "@/components/ui/cubby-ui/badge";


<Badge />

Choose from multiple visual styles.

DefaultNeutralSecondaryOutlineSuccessWarningInfoDanger

Display badges in different sizes.

SmallDefaultLarge

Add icons to badges for visual context.

PendingCompleted

Alert Dialog

Modal dialog that interrupts the user with important content and requires an action

Button

Clickable button with various styles and sizes