Spinner
A loading state for quick asynchronous tasks.
Consider using Skeleton placeholders as an alternative to displaying a spinner.
Import#
import { Spinner } from '@volue/wave-react';
Examples#
Page/box spinner#
Useful when an entire view is loading. You may also use it when content in boxes like cards is being loaded.
Inline spinner#
Useful when content in paragraphs and other inline elements is being loaded.
Size#
Color#
Spinner can be re-coloured to meet your needs by using color prop.
API Reference#
In addition to the props below, you can pass Box props to control the spacing.
Prop | Type | Default |
|---|---|---|
css | StitchesCss | No default value |
inline | boolean | false |
size | enum | No default value |
color | ColorToken | No default value |