Spinner

An indeterminate loading indicator.

Stable

Web

iOS

Android

@advui/core

Preview

Code

Installation

Package

CLI (copy source)

pnpm

pnpm add @advui/core

npm

npm install @advui/core

import { Spinner } from '@advui/core'

<Spinner label="Loading orders" />

Prop	Type	Default	Description
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	16, 20 or 28px.
`color`	`string`	—	Theme token (e.g. `primary`) or color. Defaults to the text color.
`label`	`string`	`'Loading'`	Accessible name.

Exposes role="progressbar" with an accessible name and aria-busy.
With reduced motion the spinner keeps rotating, but slower, because it communicates state.

Web

Lightweight CSS-animated SVG (no JS animation).

iOS

Native ActivityIndicator.

Android

Native ActivityIndicator.

Since v0.1.0Last updated Nov 2, 2026Edit this page on GitHub