lucid-ui
Version:
A UI component library from AppNexus.
26 lines (25 loc) • 1.21 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { SingleSelectDumb as SingleSelect } from '../../../index';
var Placeholder = SingleSelect.Placeholder,
Option = SingleSelect.Option,
OptionGroup = SingleSelect.OptionGroup;
export default createClass({
render: function render() {
return /*#__PURE__*/React.createElement(SingleSelect, {
selectedIndex: 1,
DropMenu: {
focusedIndex: 2,
isExpanded: true
},
style: {
minHeight: 220
}
}, /*#__PURE__*/React.createElement(Placeholder, null, "Select Color"), /*#__PURE__*/React.createElement(OptionGroup, null, "Preferred", /*#__PURE__*/React.createElement(Option, null, "Red"), /*#__PURE__*/React.createElement(Option, null, "Green"), /*#__PURE__*/React.createElement(Option, null, "Blue")), /*#__PURE__*/React.createElement(Option, null, "Orange"), /*#__PURE__*/React.createElement(Option, {
isDisabled: true
}, "Violet"), /*#__PURE__*/React.createElement(Option, {
isDisabled: true
}, "Brown"));
}
}); // begin-hide-from-docs
export var notes = "\nThis example shows the various states available in `SingleSelect`.\n"; // end-hide-from-docs