vcc-ui/es/components/arrow/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 { Arrow } from './';
import { Block } from '../block';
storiesOf('Images & Icons/Arrow', module).addWithJSX('Default', function () {
  return React.createElement(Block, null, React.createElement(Arrow, {
    color: "red",
    size: 12,
    direction: "right"
  }), React.createElement(Arrow, {
    color: "green",
    size: 24,
    direction: "left"
  }), React.createElement(Arrow, {
    color: "blue",
    size: 48,
    direction: "up"
  }), React.createElement(Arrow, {
    color: "black",
    size: 96,
    direction: "down"
  }));
});