Badge

Displays a badge or a component that looks like a badge.

Preview

DefaultSecondaryOutlineDestructive

Installation

Install the package using your preferred package manager:

npx shadcn@latest add @airy/badge

Usage

Import the component from the package:

import { Badge } from "@/registry/ui/badge"

Then use it in your application:

<Badge />

Examples

Default

DefaultSecondaryOutlineDestructive