Spinner

Spinning SVG loading indicator

import { Spinner } from 'theme-ui'

<Spinner />
<Spinner />

Props

A title attribute should be provided to the component for accessibility purposes. The element uses role='img' by default. Pass any overrides or additional attributes for the SVG element as props.

Variants

Spinner variants can be defined anywhere in the theme object.

// example theme variants
{
  styles: {
    spinner: {
      color: 'red',
    },
  },
}
// <Spinner variant='styles.spinner' />