lucid-ui
Version:
A UI component library from Xandr.
41 lines • 1.99 kB
JavaScript
;
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.AllTypes = exports.Basic = void 0;
var lodash_1 = __importDefault(require("lodash"));
var react_1 = __importDefault(require("react"));
var Badge_1 = require("./Badge");
var kinds = [undefined, 'primary', 'success', 'danger'];
var types = [undefined, 'stroke'];
exports.default = {
title: 'Visual Design/Badge',
component: Badge_1.Badge,
parameters: {
docs: {
description: {
component: Badge_1.Badge.peek.description,
},
},
},
};
//👇 We create a “template” of how args map to rendering
var Template = function (args) { return react_1.default.createElement(Badge_1.Badge, __assign({}, args), "Badge"); };
//👇 Each story then reuses that template
exports.Basic = Template.bind({});
var AllTypes = function (args) { return (react_1.default.createElement("div", null, lodash_1.default.map(kinds, function (kind, idx) { return (react_1.default.createElement("div", { key: "".concat(kind, "-").concat(idx) }, lodash_1.default.map(types, function (ty) { return (react_1.default.createElement(react_1.default.Fragment, { key: "".concat(kind, "-").concat(ty) },
react_1.default.createElement(Badge_1.Badge, __assign({}, args, { style: { marginBottom: '10px', marginRight: '10px' }, kind: kind, type: ty }), "Badge"))); }))); }))); };
exports.AllTypes = AllTypes;
//# sourceMappingURL=Badge.stories.js.map