Badge

⚠️ Mobile is not supported yet.

Installation

Install directly from the provider.

pnpm dlx shadcn@latest add "https://ui.cnippet.dev/r/badge.json"

Light Mode

--destructive-foreground:

var(--color-red-700)

--info:

var(--color-blue-500)

--info-foreground:

var(--color-blue-700)

--success:

var(--color-emerald-500)

--success-foreground:

var(--color-emerald-700)

--warning:

var(--color-amber-500)

--warning-foreground:

var(--color-amber-700)

Dark Mode

--destructive-foreground:

var(--color-red-400)

var(--color-blue-500)

--info-foreground:

var(--color-blue-400)

--success:

var(--color-emerald-500)

--success-foreground:

var(--color-emerald-400)

--warning:

var(--color-amber-500)

--warning-foreground:

var(--color-amber-400)

Theme

No variables found.