bx

Spinner

An indeterminate loading spinner.

tsx
<Spinner />

Spinner — indicateur circulaire de chargement indéterminé (on ne connaît pas le %). Pour un pourcentage connu, préférer Progress. Pour un placeholder de layout, préférer Skeleton.

Installation

Terminal
$ bext ui add spinner

Usage

tsx
import { Spinner } from "@bext-stack/ui/primitives"

<Spinner />
<Spinner size="lg" />

Anatomy

<Spinner size="sm | default | lg" />

API Reference

Spinner

Prop Type Default Description
size "sm" | "default" | "lg" "default" sm=h-4, default=h-5, lg=h-6.
className string undefined

Accessibility

Devrait porter role="status" aria-label="Loading". Ajouter un <span class="sr-only">Loading</span> pour les AT.