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