Spinner - Saturation UI

Installation

pnpm dlx shadcn@latest add @saturation-ui/spinner

Tailwind v4 — Source Scanning

The public shadcn registry installs component source into your project. If Tailwind v4 isn't scanning your components directory, add this to your CSS entry file:

@source "../components";

This ensures all utility classes in CVA variants and data attribute selectors are included in your build.

Usage

import { Spinner } from "@/components/ui/spinner"

<Spinner size="default" />

Examples

Sizes

Spinner size variants.

Colors

Spinner color options.

Button

Spinner inside buttons.

Badge

Spinner inside badges.

API Reference

Prop	Type	Default	Description
`size`	`"sm" \| "default" \| "lg"`	`"default"`	The size of the spinner.