vcc-ui/es/components/flex/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 { object } from '@storybook/addon-knobs/react';
import { Flex } from './';
var flexStyle = {
  border: '1px solid grey',
  padding: 20,
  margin: 5
};
storiesOf('Core/Flex', module).addWithJSX('Default', function () {
  return React.createElement(Flex, null, React.createElement(Flex, {
    extend: flexStyle
  }, "Hello"), React.createElement(Flex, {
    extend: flexStyle
  }, "World"));
}).addWithJSX('Row', function () {
  return React.createElement(Flex, {
    extend: object('extend', {
      flexDirection: 'row'
    })
  }, React.createElement(Flex, {
    extend: flexStyle
  }, "Hello"), React.createElement(Flex, {
    extend: flexStyle
  }, "World"));
});