vcc-ui/es/components/spinner/stories.js

VCC UI is a collection of React UI Components that can be used for developing front-end applications at Volvo Car Corporation.

import React from 'react';
import { storiesOf } from '@storybook/react';
import { Spinner } from './';
import { Block } from '../block';
storiesOf('Feedback Indicators/Spinner', module).addWithJSX('Basic', function () {
  return React.createElement(Spinner, null);
}).addWithJSX('Multiple', function () {
  return React.createElement(Block, {
    as: "div",
    extend: {
      display: 'flex'
    }
  }, React.createElement(Spinner, {
    size: 30,
    color: "red"
  }), React.createElement(Spinner, null), React.createElement(Spinner, {
    size: 50,
    color: "green"
  }), React.createElement(Spinner, {
    size: 60,
    color: "blue"
  }));
}).addWithJSX('Thickness', function () {
  return React.createElement(Block, {
    as: "div",
    extend: {
      display: 'flex'
    }
  }, React.createElement(Spinner, {
    width: 1
  }), React.createElement(Spinner, {
    width: 2
  }), React.createElement(Spinner, null), React.createElement(Spinner, {
    width: 4
  }));
});