Badge

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

Default

Installation

uvx shadcn_django@latest add badge

Usage

Default
<c-badge variant='default'>Default</c-badge>

Examples

Primary

Default
<c-badge>Default</c-badge>

Secondary

Secondary
<c-badge variant='secondary'>Secondary</c-badge>

Destructive

Destructive
<c-badge variant='destructive'>Destructive</c-badge>

Outline

Outline
<c-badge variant='outline'>Outline</c-badge>