Spinner

A soft SVG loading indicator with a gentle rotation. Three preset sizes and an accessible label for screen readers.

Installation

npm install @bloomkit/react

Usage

import { Spinner } from "@bloomkit/react";
 
<Spinner />

Sizes

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

With accessible label

Change the announced label for screen readers — useful when you want more specific context than the default "Loading".

<Spinner size="md" label="Saving your changes..." />

Props