Skip to main content

Spinner

See React Bootstrap/Spinner for full documentation and props.

Color variants​

Result
Loading...
Live Editor
<>
  {['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark'].map(
    (variant) => (
      <Spinner variant={variant} />
    ),
  )}
</>

Sizes​

Result
Loading...
Live Editor
<>
  <Spinner size="xs" />
  <Spinner size="sm" />
  <Spinner size="md" />
  <Spinner size="lg" />
  <Spinner size="xl" />
</>

Props​