Spinner

A loading indicator with accessible labeling.

Examples

Sizes

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

In context

Running model...

<div style="display: flex; align-items: center; gap: 8px;">
  <Spinner size="sm" label="Running model" />
  <span>Running model...</span>
</div>

Props

Prop	Type	Required	Default
size	SpinnerSize	No	"sm"
label	string	No	—