Murasaki
Components

Spinner

Indicates that an operation is in progress.

Usage

import { Button, Spinner } from '@murasakijs/ui'

<Button disabled>
  <Spinner aria-label="Saving" />
  Saving…
</Button>

Spinner renders an animated SVG with role="status". Replace its default “Loading” label with a task-specific aria-label, especially when no adjacent text describes the operation. Respect prefers-reduced-motion in the application stylesheet when continuous animation is not essential.

Improve this page on GitHub

Progress

Displays an indicator showing the completion progress of a task.

Toast

Displays a brief, non-blocking status message.

On this page

Usage