vcc-ui/es/components/block/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 { Block } from './';
storiesOf('Core/Block', module).addWithJSX('Default', function () {
  return React.createElement(Block, null, "This is a block");
}).addWithJSX('With Extend', function () {
  return React.createElement(Block, {
    extend: object('extend', {
      color: '#000',
      padding: '10px',
      background: 'ghostwhite',
      '@media (min-width: 480px)': {
        background: 'mistyrose'
      },
      '@media (min-width: 1024px)': {
        background: 'navajowhite'
      }
    })
  }, "This is a block");
});