Holo Badge
A pill for status, counts and short labels.
DisplayServer safeclass-variance-authority
Preview
v0.1 previewNewEdge runtimeDraftDeployedQuota reached
Installation
The CLI writes the source into your project and pulls in whatever it depends on.
$
pnpm dlx shadcn@latest add @duck/holo-badgePulls in @duck/theme. Already installed items are skipped.
Usage
import { HoloBadge } from "@/components/ui/holo-badge"The file lands in components/ui/holo-badge.tsx and belongs to you from that point on. Edit it in place rather than wrapping it.
Props
Everything not listed here is forwarded to the underlying element.
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "holo" | "primary" | "outline" | "muted" | "success" | "danger" | "holo" | Pick by meaning, not by contrast. |