vcc-ui/lib/components/loading-bar/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("./");

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

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

var Container = function Container(_ref) {
  var children = _ref.children;
  return _react.default.createElement(_block.Block, {
    extend: {
      padding: 20
    }
  }, _react.default.createElement(_block.Block, {
    extend: {
      background: "#f5f5f5",
      padding: 40
    }
  }, children));
};

(0, _react2.storiesOf)("Feedback Indicators/LoadingBar", module).addWithJSX("Default", function () {
  return _react.default.createElement(Container, null, _react.default.createElement(_.LoadingBar, {
    isLoading: (0, _react3.boolean)("isLoading", true),
    transitionDuration: (0, _react3.number)("Animation duration", 300)
  }));
}).addWithJSX("Fixed to top", function () {
  return _react.default.createElement(_block.Block, {
    extend: {
      position: "fixed",
      top: 0,
      left: 0,
      width: "100%"
    }
  }, _react.default.createElement(_.LoadingBar, {
    isLoading: (0, _react3.boolean)("isLoading", true)
  }));
});