django/shadcn-ui
Docs Components Blocks
django/shadcn-ui

Getting Started

Introduction Installation

Blocks

django-allauth

Components

Accordion Alert Alert Dialog Aspect Ratio Attachment Avatar Badge Breadcrumb Bubble Button Button Group Calendar Card Carousel Chart Checkbox Collapsible Combobox Command Command Dialog Context Menu Data Table Date Picker Dialog Drawer Dropdown Menu Empty Field Form Hover Card Icon Input Input Group Input OTP Item Kbd Label Link Marker Menubar Message Message Scroller Metric Native Select Navigation Menu Pagination Popover Progress Questionnaire Radio Group Resizable Scroll Area Select Separator Sheet Sidebar Skeleton Slider Spinner Switch Table Tabs Textarea Toast Toggle Toggle Group Tooltip Typography

Badge

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

Default

Installation

uvx django_shadcn@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>

Designed by shadcn. Ported for Django by Sarthak Jariwala. Complemented by Marcelo Machado.