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} /> ), )} </>

<>
  {['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" /> </>

<>
  <Spinner size="xs" />
  <Spinner size="sm" />
  <Spinner size="md" />
  <Spinner size="lg" />
  <Spinner size="xl" />
</>

Props