saturation/ui
DocsComponentsBlocksPages

Sections

IntroductionComponentsInstallationTheming

Components

ComponentsAccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBorder TrailBreadcrumbButtonButton GroupCalendar PickerCardChartCheckboxCollapsibleComboboxCommandContext MenuCredit CardData TableDate PickerDialogDropdown MenuEmptyFieldFiltersFull CalendarGlow EffectInputInput GroupInput OTPItemKanbanKbdMenubarNovel EditorPaginationProgressProgressive BlurRadio GroupSelectSeparatorSheetSkeletonSliderSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography
Docs/Components/Spinner

Spinner

A loading spinner indicator with multiple sizes.

Loading...

Installation

pnpm dlx shadcn@latest add @saturation/spinner

Usage

import { Spinner } from "@/components/ui/spinner"
<Spinner size="default" />

Examples

Sizes

Loading...
Spinner size variants.

Colors

Loading...
Spinner color options.

Button

Loading...
Spinner inside buttons.

Badge

Loading...
Spinner inside badges.

API Reference

PropTypeDefaultDescription
size"sm" | "default" | "lg""default"The size of the spinner.

On This Page

  • Installation
  • Usage
  • Examples
  • Sizes
  • Colors
  • Button
  • Badge
  • API Reference
LoadingSyncingUpdating