Spinner

Feedback

Loading indicators for indeterminate wait states. Use spinners when the duration of a process is unknown.

Import

import { Spinner, DotsSpinner } from "@/components/ui/spinner";

Different sizes for various contexts

Alternative spinner style with animated dots

Spinner with visible loading text

Spinner used inside a loading button

Centered spinner for page-level loading

Loading content...

size"md"

"sm" | "md" | "lg" | "xl"

Size of the spinner

label—

string

Accessible label for screen readers

Prop	Type	Default	Description
`size`	`"sm" \| "md" \| "lg" \| "xl"`	"md"	Size of the spinner
`label`	`string`	—	Accessible label for screen readers