Badge

Compact labels for status, counts, and metadata.

Accordion Avatar Badge Banner Breadcrumb Button Card Checkbox Collapsible Command Dialog Dropdown Empty Input Item Pagination Popover Select Skeleton Switch Table Tabs Tooltip

Badge

Basic

DefaultSecondaryDestructiveOutlineGhostLink

Variants

Verified

With icon

Online

With status dot

SuccessWarningErrorInfo

Status colors

32499+

Count

As link

DesignEngineeringMarketingSales

Removable

SRSofia Rodrigues

With avatar

SmallDefaultLarge

Sizes

12.5%3.2%

Trend delta

Icon only

reacttypescripttailwindnext.jsshadcn/uimotionradix

Tag list