UNPKG

lucid-ui

Version:

A UI component library from AppNexus.

34 lines 1.87 kB
"use strict"; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); var react_1 = __importDefault(require("react")); var create_react_class_1 = __importDefault(require("create-react-class")); var index_1 = require("../../../index"); var style = { marginRight: '5px', }; exports.default = create_react_class_1.default({ render: function () { return (react_1.default.createElement("section", null, react_1.default.createElement("section", { style: { display: 'inline-flex', flexDirection: 'column', alignItems: 'flex-start', } }, react_1.default.createElement(index_1.CheckboxLabeled, { Label: 'Just text', style: style }), react_1.default.createElement(index_1.CheckboxLabeled, { Label: react_1.default.createElement("span", null, "HTML element"), style: style }), react_1.default.createElement(index_1.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_1.default.createElement(index_1.CheckboxLabeled, { Label: [ react_1.default.createElement("span", { key: '1' }, "HTML element in an array"), react_1.default.createElement("span", { key: '2' }, "Again only the first value in the array is used"), react_1.default.createElement("span", { key: '3' }, "The rest should not be rendered"), ], style: style })))); }, }); //# sourceMappingURL=3.label-as-prop.js.map