Clarity UI
DocsComponentsBlocks
GitHub
Twitter

Getting Started

IntroductionInstallation

Components

AccordionAlertAlert DialogAspect RatioAvatarBadgeButtonCalendarCardCarouselCheckboxCollapsibleCommandContext MenuDialogDrawerDropdown MenuFormHover CardInputLabelMenubarNavigation MenuPaginationPopoverProgressRadio GroupResizableScroll AreaSelectSeparatorSheetSliderSonnerSwitchTableTabsTextareaToggleToggle GroupTooltip

Badge

Badge component


Badge

Default
Secondary
Outline
Destructive

Installation

Clarity CLI

npx clarity-ui-web-cli add badge

Shadcn CLI

npx shadcn@latest add https://clarity-ui.pages.dev/r/badge.json