Spinner
A spinner is an animated spinning icon that lets users know content is being loaded.
Default
The default form of spinner.
import Spinner from '@/components/spinner';
<Spinner />Sizes
- Small: Use within elements such as buttons or form fields, or when there are other space constraints.
- Medium: The default size which is used for most use cases
- Large: Larger than medium
- Extra large: Larger than large
small
medium
large
xlarge
import Spinner from '@/components/spinner';
<Spinner size="small" />
<Spinner size="medium" />
<Spinner size="large" />
<Spinner size="xlarge" />