fannypack/src/Spinner/Spinner.mdx

An accessible, composable, and friendly React UI Kit

---
name: Spinner
route: /components/spinner
menu: Components
---

import { Playground, PropsTable } from 'docz';
import Button from '../Button';
import Spinner from './index';

# Spinners

## Import

`import { Spinner } from 'fannypack'`

## Basic Usage

<Playground>
  <Spinner />
</Playground>

## Sizes

<Playground>
  <Spinner size="small" />
  <Spinner marginLeft="xxsmall" />
  <Spinner size="medium" marginLeft="xxsmall" />
  <Spinner size="large" marginLeft="xxsmall" />
</Playground>

## Colors

<Playground>
  <Spinner color="success" />
  <Spinner color="danger" marginLeft="xxsmall" />
  <Spinner color="warning" marginLeft="xxsmall" />
</Playground>


## Props

<PropsTable of={Spinner} />

## Theming

### Schema

```jsx
{
  base: string | Object,
  sizes: {
    small: string | Object,
    medium: string | Object,
    large: string | Object
  }
}
```