import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks';

# Spinner
<Meta
  title='Spinner'
  component='fw-spinner'
   />

## Props

<Props of="fw-spinner"/>

## Usage

### Default
<Preview>
<Story name='Default'>{() => '<fw-spinner></fw-spinner>'}</Story>
</Preview>

### Small
<Preview>
<Story name='Small'>{() => '<fw-spinner size="small"></fw-spinner>'}</Story>
</Preview>


### Medium
<Preview>
<Story name='Medium'>{() => '<fw-spinner size="medium"></fw-spinner>'}</Story>
</Preview>

#### Large
<Preview>
<Story name='Large'>{() => '<fw-spinner size="large"></fw-spinner>'}</Story>
</Preview>

### Custom Color
<Preview>
<Story name='CustomColor'>{() => '<fw-spinner size="large" color="magenta"></fw-spinner>'}</Story>
</Preview>
