lucid-ui
Version:
A UI component library from AppNexus.
32 lines (31 loc) • 1.53 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 but what if it is even longer than you could ever think imaginable'];
export default createClass({
render: function render() {
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tag, {
isTop: true
}, "Global:", /*#__PURE__*/React.createElement(Tag, null, "Group 1", _times(4, function (n) {
return /*#__PURE__*/React.createElement(Tag, {
key: n
}, words[n % words.length]);
})), /*#__PURE__*/React.createElement(Tag, null, "Group 2", _times(4, function (n) {
return /*#__PURE__*/React.createElement(Tag, {
key: n
}, words[n % words.length]);
}))), /*#__PURE__*/React.createElement(Tag, {
isTop: true
}, "In-Progess:", /*#__PURE__*/React.createElement(Tag, null, "Group 1", _times(4, function (n) {
return /*#__PURE__*/React.createElement(Tag, {
key: n
}, words[n % words.length]);
})), /*#__PURE__*/React.createElement(Tag, null, "Group 2", _times(4, function (n) {
return /*#__PURE__*/React.createElement(Tag, {
key: n
}, words[n % words.length]);
}))));
}
}); // begin-hide-from-docs
export var notes = "\nThis allows you to add a third level of hierarchy to your tag categorization.\n"; // end-hide-from-docs