lucid-ui
Version:
A UI component library from AppNexus.
32 lines • 1.51 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',
];
exports.default = create_react_class_1.default({
render: function () {
return (react_1.default.createElement("div", null,
react_1.default.createElement(index_1.Tag, null,
"Grouped items",
lodash_1.default.times(8, function (n) { return (react_1.default.createElement(index_1.Tag, { key: n }, words[n % words.length])); })),
react_1.default.createElement(index_1.Tag, { isRemovable: true },
"Grouped items",
lodash_1.default.times(10, function (n) { return (react_1.default.createElement(index_1.Tag, { isRemovable: true, key: n }, words[n % words.length])); }))));
},
});
// begin-hide-from-docs
exports.notes = "\nUse a parent tag to group child tags into categories. This example also shows you how to dynamically generate a list of tags.\n";
// end-hide-from-docs
//# sourceMappingURL=02.nested.js.map