Badge

Displays a badge component with customizable variants, sizes, and styles.

A simple crazxy badge component

Default Badge

This is the default variant of the badge component.

Secondary Badge

This is the secondary variant of the badge component.

Destructive Badge

This is the destructive variant of the badge component.

Outline Badge

This is the outline variant of the badge component.

Ghost Badge

This is the ghost variant of the badge component.

Purple Badge

This is the purple variant of the badge component.

Orange Badge

This is the orange variant of the badge component.

pnpm dlx shadcn@latest add https://crazxyui.in/r/crazxy-badge.json

import { Badge } from "@/components/crazxy-ui/badge";

<Badge variant="default">Default Badge</Badge>

<Badge variant="secondary">Secondary Badge</Badge>

<Badge variant="purple" size="lg">Large Purple Badge</Badge>