lucid-ui
Version:
A UI component library from AppNexus.
42 lines • 2.21 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.notes = void 0;
var react_1 = __importDefault(require("react"));
var create_react_class_1 = __importDefault(require("create-react-class"));
var index_1 = require("../../../index");
var lodash_1 = __importDefault(require("lodash"));
var words = [
'Fashion',
'The',
'Vexillologist',
'Cold Brew',
'This is a longer sentence that should be handled okay but what if it is even longer than you could ever think imaginable',
];
exports.default = create_react_class_1.default({
render: function () {
return (react_1.default.createElement("div", null,
react_1.default.createElement(index_1.Tag, { isTop: true },
"Global:",
react_1.default.createElement(index_1.Tag, null,
"Group 1",
lodash_1.default.times(4, function (n) { return (react_1.default.createElement(index_1.Tag, { key: n }, words[n % words.length])); })),
react_1.default.createElement(index_1.Tag, null,
"Group 2",
lodash_1.default.times(4, function (n) { return (react_1.default.createElement(index_1.Tag, { key: n }, words[n % words.length])); }))),
react_1.default.createElement(index_1.Tag, { isTop: true },
"In-Progess:",
react_1.default.createElement(index_1.Tag, null,
"Group 1",
lodash_1.default.times(4, function (n) { return (react_1.default.createElement(index_1.Tag, { key: n }, words[n % words.length])); })),
react_1.default.createElement(index_1.Tag, null,
"Group 2",
lodash_1.default.times(4, function (n) { return (react_1.default.createElement(index_1.Tag, { key: n }, words[n % words.length])); })))));
},
});
// begin-hide-from-docs
exports.notes = "\nThis allows you to add a third level of hierarchy to your tag categorization.\n";
// end-hide-from-docs
//# sourceMappingURL=03.double-nested.js.map