lucid-ui
Version:
A UI component library from Xandr.
54 lines • 2.29 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TwoRowsThreeColumns = exports.AddHeader = exports.Basic = void 0;
var react_1 = __importDefault(require("react"));
var create_react_class_1 = __importDefault(require("create-react-class"));
var BarChartLoadingSkeleton_1 = __importDefault(require("./BarChartLoadingSkeleton"));
exports.default = {
title: 'Loading Indicator/BarChartLoadingSkeleton',
component: BarChartLoadingSkeleton_1.default,
parameters: {
docs: {
description: {
component: BarChartLoadingSkeleton_1.default.peek.description,
},
},
},
};
/* Basic */
var Basic = function () {
var Component = (0, create_react_class_1.default)({
render: function () {
return react_1.default.createElement(BarChartLoadingSkeleton_1.default, { isLoading: true });
},
});
return react_1.default.createElement(Component, null);
};
exports.Basic = Basic;
/* Add Header */
var AddHeader = function () {
var Component = (0, create_react_class_1.default)({
render: function () {
return (react_1.default.createElement(BarChartLoadingSkeleton_1.default, { isLoading: true, width: 880, header: 'BarChartLoadingSkeleton added header' }));
},
});
return react_1.default.createElement(Component, null);
};
exports.AddHeader = AddHeader;
exports.AddHeader.storyName = 'AddHeader';
/* Two Rows Three Columns */
var TwoRowsThreeColumns = function () {
var Component = (0, create_react_class_1.default)({
render: function () {
return (react_1.default.createElement("div", null,
react_1.default.createElement(BarChartLoadingSkeleton_1.default, { isLoading: true, width: 210, height: 200, numRows: 2, numColumns: 3, marginRight: 100, marginLeft: 0, marginTop: 0, marginBottom: 50 })));
},
});
return react_1.default.createElement(Component, null);
};
exports.TwoRowsThreeColumns = TwoRowsThreeColumns;
exports.TwoRowsThreeColumns.storyName = 'TwoRowsThreeColumns';
//# sourceMappingURL=BarChartLoadingSkeleton.stories.js.map