ComponentsPrimitivesBadge

Badge

Compact status badges with optional dot.

class-variance-authority1 file

Preview

badge/basic

Loading preview…

Install

$ pnpm dlx shadcn@latest add entropyui.pages.dev/r/badge.json

Usage

import { Badge, badgeVariants } from "@/components/ui/badge"

The exports above are the public API. Each component forwards className and is sized with the --density token, so it follows the appearance settings automatically. Read the source in the Code tab of the preview or in src/components/ui/badge.tsx for the full prop types.

Dependencies

Packages: class-variance-authority.

Loading documentation…