Indeterminate loading indicator with accessible status semantics.

npx slipstream-ui@latest add spinner
Sizes & inline usage
Loading...Loading...Loading...
Generating response...

Props

PropTypeDefaultDescription
size'sm' | 'default' | 'lg''default'Visual size of the spinner.
labelstring'Loading...'Screen-reader label announced via role=status.

Accessibility

  • Renders role="status" with an sr-only label so loading is announced.
  • Set aria-hidden and an empty label when the spinner is purely decorative next to visible text.