@swrve/core/src/loader/loader.stories.js

Core set of Swrve UI Components

import React from 'react'

import Loader from './loader'

export default {
  title: 'Core/Loader',
  component: Loader
}

export const PrimarySpinner = args => (
  <div className="m-8">
    <Loader use={'primary'} size="16" {...args} />
  </div>
)

export const SecondarySpinner = args => (
  <div className="m-8">
    <Loader use="secondary" {...args} />
  </div>
)

export const WarningSpinner = args => (
  <div className="m-8">
    <Loader use="warning" {...args} />
  </div>
)

export const ErrorSpinner = args => (
  <div className="m-8">
    <Loader use="error" {...args} />
  </div>
)

export const DifferentSizeSpinner = args => (
  <div>
    <div className="m-8">
      <Loader size="12" {...args} />
    </div>
    <div className="m-8">
      <Loader size="16" />
    </div>
    <div className="m-8">
      <Loader size="24" />
    </div>
  </div>
)

DifferentSizeSpinner.storyName = 'Different size Spinner'