lucid-ui
Version:
A UI component library from AppNexus.
27 lines (26 loc) • 1.12 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { SingleSelect } from '../../../index';
const { Placeholder, Option, OptionGroup } = SingleSelect;
export default createClass({
render() {
return (React.createElement(SingleSelect, null,
React.createElement(Placeholder, null, "Select Color"),
React.createElement(OptionGroup, null,
"Screen",
React.createElement(Option, null, "Red"),
React.createElement(Option, null, "Green"),
React.createElement(Option, null, "Blue")),
React.createElement(OptionGroup, null,
"Print",
React.createElement(Option, null, "Cyan"),
React.createElement(Option, null, "Yellow"),
React.createElement(Option, null, "Magenta"),
React.createElement(Option, null, "Black"))));
},
});
// begin-hide-from-docs
export const notes = `
This allows you to have sections within your dropdown. Use this to help frame users' understanding of the options.
`;
// end-hide-from-docs