import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks';
import Preloader from '../Preloader';

<Meta title="Atoms/Preloader" component={Preloader} />

# Preloader
<br />

## `Preloaders` are used to indicate to the user that some data is being loaded.
<br />

### Default
<Canvas>
    <Story name="Default" inline={false}>
        <Preloader isLoading />
    </Story>
</Canvas>

## Usage Example
```jsx
import Preloader from '@appdirect/sfb-theme-components/src/atoms/preloader/Preloader';

<Preloader isLoading />
```

## Props
<ArgsTable of={Preloader} />
