Badge

PreviousNext

Displays a badge for highlighting important information.

Component badge-demo not found in registry.

Installation

pnpm dlx shadcn@latest add badge

Usage

import * as Badge from "@/components/ui/badge"
<Badge.Root variant="primary" appearance="filled">
  Badge
</Badge.Root>

Examples

Variants

Component badge-demo not found in registry.

Sizes

Component badge-sizes not found in registry.

Colors

Component badge-colors not found in registry.

With Icon

Component badge-with-icon not found in registry.

With Dot

Component badge-with-dot not found in registry.

Circle

Component badge-circle not found in registry.

Closable

Component badge-closable not found in registry.

Disabled

Component badge-disabled not found in registry.