Components

Spinner

An indeterminate loading indicator — a spinning ring in four sizes.

Usage

import { Spinner } from '@acronis-platform/ui-react';

Spinner is a CSS spinning ring with a role="status" live region and an sr-only "Loading…" label. It comes in four sizes and defaults to the brand blue; override the color with any text-* class. This is a design-pending v1; a --ui-spinner-* tier is pending a Figma pass.

Examples

<Spinner />
<Spinner size="lg" />
<Spinner size="sm" className="text-muted-foreground" />

API Reference

Prop

Type

Edit on GitHub

Skeleton

A pulsing placeholder box for loading states.

Progress

A bar showing the completion of a known-length task, or an indeterminate sliding bar.

Spinner

Usage

Examples

API Reference

On this page