Faber UI
Components

Spinner

An animated loading indicator.

Spinner renders a spinning Remixicon loader. It is a pure SVG element with role="status" and an aria-label of "Loading".

Installation

Terminal
pnpm dlx shadcn@latest add https://faber-ui.vercel.app/r/spinner.json

Usage

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

export default function Example() {
  return <Spinner />;
}

Examples

Default

Sizes

API

The Spinner accepts all props of an <svg> element except children. Control the size with className.

Changelog

  1. v0.3.0Spinner and other animate-spin loaders pulse under reduced motion instead of stopping after one turn, and the new --travel-sm and --travel-lg tokens collapse movement to zero.patch
Full Spinner history

Last updated on

On this page