gather-content-ui
Version:
GatherContent UI Library
70 lines (69 loc) • 3.07 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Treelines = Treelines;
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _ = _interopRequireDefault(require(".."));
var _StoryItem = _interopRequireDefault(require("../../../stories/styleguide/StoryItem"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
var _default = exports["default"] = {
title: "TreeLines",
component: _["default"]
};
function Treelines() {
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_StoryItem["default"], {
title: "TreeLines",
description: "Used for indicating indentation in hierarchical folder structures"
}, /*#__PURE__*/_react["default"].createElement("div", {
className: "gui-treelines__wrapper"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
quantity: 0
}), /*#__PURE__*/_react["default"].createElement("p", {
className: "m-0"
}, "Root folder")), /*#__PURE__*/_react["default"].createElement("div", {
className: "gui-treelines__wrapper"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
quantity: 1
}), /*#__PURE__*/_react["default"].createElement("p", {
className: "m-0 pl-5"
}, "Item 1")), /*#__PURE__*/_react["default"].createElement("div", {
className: "gui-treelines__wrapper"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
quantity: 2
}), /*#__PURE__*/_react["default"].createElement("p", {
className: "m-0 pl-5"
}, "Item 1.1")), /*#__PURE__*/_react["default"].createElement("div", {
className: "gui-treelines__wrapper"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
quantity: 3
}), /*#__PURE__*/_react["default"].createElement("p", {
className: "m-0 pl-5"
}, "Item 1.1.1")), /*#__PURE__*/_react["default"].createElement("div", {
className: "gui-treelines__wrapper"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
quantity: 2
}), /*#__PURE__*/_react["default"].createElement("p", {
className: "m-0 pl-5"
}, "Item 1.2")), /*#__PURE__*/_react["default"].createElement("div", {
className: "gui-treelines__wrapper"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
quantity: 2
}), /*#__PURE__*/_react["default"].createElement("p", {
className: "m-0 pl-5"
}, "Item 1.3")), /*#__PURE__*/_react["default"].createElement("div", {
className: "gui-treelines__wrapper"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
quantity: 1
}), /*#__PURE__*/_react["default"].createElement("p", {
className: "m-0 pl-5"
}, "Item 2")), /*#__PURE__*/_react["default"].createElement("div", {
className: "gui-treelines__wrapper"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
quantity: 1
}), /*#__PURE__*/_react["default"].createElement("p", {
className: "m-0 pl-5"
}, "Item 3"))));
}
//# sourceMappingURL=TreeLines.stories.js.map