Spinner

The Spinner component is an accessible animated indicator informing users of ongoing asynchronous processes and loading states.

Preview

Import

import { Spinner } from '@moul-dev/ui';

Sizes

Spinner supports four standardized sizes: sm, md (default), lg, and xl.

<Spinner size="sm" aria-label="Loading" />
<Spinner size="md" aria-label="Loading" />
<Spinner size="lg" aria-label="Loading" />
<Spinner size="xl" aria-label="Loading" />

Accessibility

When using Spinner, always supply an aria-label or aria-labelledby attribute so screen readers announce the loading progress.

<Spinner aria-label="Fetching dashboard telemetry..." />

Props