Spinner

@sushindustries/ui

One ring, one border, one turn - with a visually hidden label, because a spinner with nothing to announce is just an animation.

4 min read
View as MarkdownEdit on GitHub

Props

PropTypeDefaultDoes
size?number18Pixel size of the ring.
label?string"Loading"What is being waited for. Announced, never drawn.

Notes

label is always announced, even at the default - there is no way to render a spinner with no accessible name, because a spinning ring nobody can hear a reason for is worse than a generic one. size only scales the ring's diameter; the border stays a fixed 2px, so a very large size reads as a thin ring rather than a chunky one.