vcc-ui/lib/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.

"use strict";

var _react = _interopRequireDefault(require("react"));

var _react2 = require("@storybook/react");

var _react3 = require("@storybook/addon-knobs/react");

var _ = require("./");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

(0, _react2.storiesOf)("Core/Block", module).addWithJSX("Default", function () {
  return _react.default.createElement(_.Block, null, "This is a block");
}).addWithJSX("With Extend", function () {
  return _react.default.createElement(_.Block, {
    extend: (0, _react3.object)("extend", {
      padding: "10px",
      background: "ghostwhite",
      "@media (min-width: 480px)": {
        background: "mistyrose"
      },
      "@media (min-width: 1024px)": {
        background: "navajowhite"
      }
    })
  }, "This is a block");
});