lucid-ui
Version:
A UI component library from AppNexus.
23 lines (22 loc) • 1.04 kB
JavaScript
import _times from "lodash/times";
import React from 'react';
import createClass from 'create-react-class';
import { Tag } from '../../../index';
var words = ['Fashion', 'The', 'Vexillologist', 'Cold Brew', 'This is a longer sentence that should be handled okay'];
export default createClass({
render: function render() {
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tag, null, "Grouped items", _times(8, function (n) {
return /*#__PURE__*/React.createElement(Tag, {
key: n
}, words[n % words.length]);
})), /*#__PURE__*/React.createElement(Tag, {
isRemovable: true
}, "Grouped items", _times(10, function (n) {
return /*#__PURE__*/React.createElement(Tag, {
isRemovable: true,
key: n
}, words[n % words.length]);
})));
}
}); // begin-hide-from-docs
export var 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