UNPKG

lucid-ui

Version:

A UI component library from AppNexus.

13 lines (12 loc) 1.15 kB
import React from 'react'; import createClass from 'create-react-class'; import { SingleSelect } from '../../../index'; var Placeholder = SingleSelect.Placeholder, Option = SingleSelect.Option, OptionGroup = SingleSelect.OptionGroup; export default createClass({ render: function render() { return /*#__PURE__*/React.createElement(SingleSelect, null, /*#__PURE__*/React.createElement(Placeholder, null, "Select Color"), /*#__PURE__*/React.createElement(OptionGroup, null, "Screen", /*#__PURE__*/React.createElement(Option, null, "Red"), /*#__PURE__*/React.createElement(Option, null, "Green"), /*#__PURE__*/React.createElement(Option, null, "Blue")), /*#__PURE__*/React.createElement(OptionGroup, null, "Print", /*#__PURE__*/React.createElement(Option, null, "Cyan"), /*#__PURE__*/React.createElement(Option, null, "Yellow"), /*#__PURE__*/React.createElement(Option, null, "Magenta"), /*#__PURE__*/React.createElement(Option, null, "Black"))); } }); // begin-hide-from-docs export var notes = "\nThis allows you to have sections within your dropdown. Use this to help frame users' understanding of the options.\n"; // end-hide-from-docs