UNPKG

lucid-ui

Version:

A UI component library from AppNexus.

35 lines 1.33 kB
import React from 'react'; import createClass from 'create-react-class'; import { SwitchLabeled } from '../../../index'; var style = { marginRight: '5px' }; export default createClass({ render: function render() { return /*#__PURE__*/React.createElement("section", null, /*#__PURE__*/React.createElement("section", { style: { display: 'inline-flex', flexDirection: 'column', alignItems: 'flex-start' } }, /*#__PURE__*/React.createElement(SwitchLabeled, { Label: "Just text", style: style }), /*#__PURE__*/React.createElement(SwitchLabeled, { Label: /*#__PURE__*/React.createElement("span", null, "HTML element"), style: style }), /*#__PURE__*/React.createElement(SwitchLabeled, { Label: ['Text in an array', 'Only the first value in the array is used', 'The rest of these should be ignored'], style: style }), /*#__PURE__*/React.createElement(SwitchLabeled, { Label: [/*#__PURE__*/React.createElement("span", { key: "1" }, "HTML element in an array"), /*#__PURE__*/React.createElement("span", { key: "2" }, "Again only the first value in the array is used"), /*#__PURE__*/React.createElement("span", { key: "3" }, "The rest should not be rendered")], style: style }))); } });