Spinner

Installation

npx shadcn@latest add @uqudo/spinner

Usage

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

<Spinner />

The spinner is a spinning Loader2Icon from lucide with role="status" and an aria-label of "Loading" already set. It inherits currentColor, so place it in a colored container or add a text-* utility to tint it.

Examples

Sizes

The default size is size-4. Override it with a size-* utility.

In a button

Pair it with a disabled Button while a request is in flight. Like any icon in a button, it is sized automatically.

API Reference

Spinner

The rendered element carries data-slot="spinner" and role="status".