vcc-ui/lib/components/nav/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 _fixtures = require("../../../stories/fixtures");

var _ = require("./");

var _block = require("../block");

var _logo = require("../logo");

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

(0, _react2.storiesOf)("Navigation/Nav", module).addWithJSX("Default", function () {
  return _react.default.createElement(_block.Block, null, _react.default.createElement(_.Nav, null, _react.default.createElement(_block.Block, {
    extend: {
      padding: "20px 0"
    }
  }, _react.default.createElement(_logo.Logo, {
    type: "square"
  }))), _react.default.createElement(_block.Block, {
    extend: {
      marginTop: "20px",
      fontSize: "48px",
      width: "320px"
    }
  }, _fixtures.loremIpsum));
}).addWithJSX("Sticky", function () {
  return _react.default.createElement(_block.Block, null, _react.default.createElement(_.Nav, {
    sticky: true
  }, _react.default.createElement(_block.Block, {
    extend: {
      padding: "20px"
    }
  }, _react.default.createElement(_logo.Logo, {
    type: "square"
  }))), _react.default.createElement(_block.Block, {
    extend: {
      marginTop: "100px",
      fontSize: "48px",
      width: "320px"
    }
  }, _fixtures.loremIpsum));
}).addWithJSX("Hide on scroll", function () {
  return _react.default.createElement(_block.Block, null, _react.default.createElement(_.Nav, {
    sticky: true,
    hideOnScroll: true
  }, _react.default.createElement(_block.Block, {
    extend: {
      padding: "20px"
    }
  }, _react.default.createElement(_logo.Logo, {
    type: "square"
  }))), _react.default.createElement(_block.Block, {
    extend: {
      marginTop: "100px",
      fontSize: "48px",
      width: "320px"
    }
  }, _fixtures.loremIpsum));
});