Spinner
$ npx shadcn@latest add https://lacodda.github.io/dowel/r/spinner.jsonIt says something to a screen reader. A page that is busy is otherwise silently identical to a page that is empty. The word for what is loading comes from the product:
<Spinner label={t('loading.versions')} />Under prefers-reduced-motion it stops turning. That is not a detail: for
some readers a spinning thing is not decoration but a symptom. A stopped
spinner still says “busy” through its role, which is the part carrying the
meaning anyway.
| Prop | Type | Default | |
|---|---|---|---|
size |
sm | md | lg |
md |
|
tone |
current | dim | accent |
current |
Follows the surrounding text by default |
label |
string |
What is being waited for, for a screen reader |