vcc-ui/es/components/box/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 { Box } from "./";
var boxStyle = {
  border: "1px solid grey",
  padding: 20,
  margin: 5
};
storiesOf("Core/Box", module).addWithJSX("Default", function () {
  return React.createElement(Box, null, React.createElement(Box, {
    extend: boxStyle
  }, "Hello"), React.createElement(Box, {
    extend: boxStyle
  }, "World"));
}).addWithJSX("Row", function () {
  return React.createElement(Box, {
    extend: object("extend", {
      flexDirection: "row"
    })
  }, React.createElement(Box, {
    extend: boxStyle
  }, "Hello"), React.createElement(Box, {
    extend: boxStyle
  }, "World"));
});