Skip to contentWolf-Rayet

Spinner

A spinner is an animated spinning icon that lets users know content is being loaded.

#Default

Use a spinner while something short is loading.

import { Spinner } from '@wolf-rayet/react';

<Spinner />

#Sizes

Use a size that suits the space the spinner sits in.

import { Spinner } from '@wolf-rayet/react';

<Spinner size="xsmall" />
<Spinner size="small" />
<Spinner size="medium" />
<Spinner size="large" />
<Spinner size="xlarge" />