Spinner

Loading indicator. Respects `prefers-reduced-motion`.

Data Display@sisyphos-ui/spinnerView on npm

Preview

tsx

Installation

Install the individual package:

snippet.bashbash
pnpm add @sisyphos-ui/spinner @sisyphos-ui/core

Or use the umbrella package that bundles everything:

snippet.bashbash
pnpm add @sisyphos-ui/ui

Usage

Import the component styles and the component itself:

snippet.tsxtsx
import "@sisyphos-ui/spinner/styles.css";
import { Spinner } from "@sisyphos-ui/spinner";

Sizes

tsx

API

Props table is being written. See the package README for the complete API surface.

The full API including refs, ARIA attributes, and HTML passthroughs lives in the package README.