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

Spinner

An indicator that something is in progress.

Installation

uvx django_shadcn@latest add spinner

Usage

<c-spinner />

It is the lucide loader-circle icon with animate-spin, already carrying role="status" and an accessible label.

Examples

Sizes

<c-spinner class="size-3" />
<c-spinner />
<c-spinner class="size-6" />

Inside a button

<c-button disabled>
  <c-spinner />
  Saving
</c-button>

Color

<c-spinner class="size-6 text-primary" />

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