lucid-ui
Version:
A UI component library from AppNexus.
38 lines (37 loc) • 1.49 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { Tag } from '../../../index';
import _ from 'lodash';
const 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() {
return (React.createElement("div", null,
React.createElement(Tag, { isTop: true },
"Global:",
React.createElement(Tag, null,
"Group 1",
_.times(4, n => (React.createElement(Tag, { key: n }, words[n % words.length])))),
React.createElement(Tag, null,
"Group 2",
_.times(4, n => (React.createElement(Tag, { key: n }, words[n % words.length]))))),
React.createElement(Tag, { isTop: true },
"In-Progess:",
React.createElement(Tag, null,
"Group 1",
_.times(4, n => (React.createElement(Tag, { key: n }, words[n % words.length])))),
React.createElement(Tag, null,
"Group 2",
_.times(4, n => (React.createElement(Tag, { key: n }, words[n % words.length])))))));
},
});
// begin-hide-from-docs
export const notes = `
This allows you to add a third level of hierarchy to your tag categorization.
`;
// end-hide-from-docs