OOratiq

Spinner

Ready

Indeterminate loading.

Installation

$ npx @oratiq-js/ui add spinner

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

Usage

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

Sizes

In context

One announcement per region

A spinner defaults to role="status". When it sits inside something already announcing its loading state, pass label={null}so the user doesn't hear "Loading" twice.

View source on GitHub → components/ui/spinner.tsx