Badge

Small labels for categorizing or highlighting content.

Badge Variants

Default

Outline

Glass

Destructive

Installation

1pnpm dlx shadcn@latest add @glasswave/badge

Usage

1import { Badge } from "glasswave";

1<Badge>Default</Badge>2<Badge variant="outline">Outline</Badge>3<Badge variant="glass">Glass</Badge>4<Badge variant="destructive">Destructive</Badge>

API Reference

Badge

Prop	Type	Default
`variant`	`"default" \| "outline" \| "glass" \| "destructive"`	`"default"`
`className`	`string`	—

Accepts all standard <div> attributes.