lucid-ui
Version:
A UI component library from AppNexus.
29 lines (28 loc) • 1.41 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { CheckboxLabeled } from '../../../index';
const style = {
marginRight: '5px',
};
export default createClass({
render() {
return (React.createElement("section", null,
React.createElement("section", { style: {
display: 'inline-flex',
flexDirection: 'column',
alignItems: 'flex-start',
} },
React.createElement(CheckboxLabeled, { Label: 'Just text', style: style }),
React.createElement(CheckboxLabeled, { Label: React.createElement("span", null, "HTML element"), style: style }),
React.createElement(CheckboxLabeled, { Label: [
'Text in an array',
'Only the first value in the array is used',
'The rest of these should be ignored',
], style: style }),
React.createElement(CheckboxLabeled, { Label: [
React.createElement("span", { key: '1' }, "HTML element in an array"),
React.createElement("span", { key: '2' }, "Again only the first value in the array is used"),
React.createElement("span", { key: '3' }, "The rest should not be rendered"),
], style: style }))));
},
});