lucid-ui
Version:
A UI component library from AppNexus.
32 lines (31 loc) • 1.57 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { SingleSelect } from '../../../index';
const { Placeholder, Option } = SingleSelect;
export default createClass({
render() {
return (React.createElement("section", null,
React.createElement(SingleSelect, { maxMenuHeight: '12em' },
React.createElement(Placeholder, null, "Select Color"),
React.createElement(Option, null, "Aliceblue"),
React.createElement(Option, null, "Antiquewhite"),
React.createElement(Option, null, "Aqua"),
React.createElement(Option, null, "Aquamarine"),
React.createElement(Option, null, "Azure"),
React.createElement(Option, null, "Beige"),
React.createElement(Option, null, "Bisque"),
React.createElement(Option, null, "Black"),
React.createElement(Option, null, "Blanchedalmond"),
React.createElement(Option, null, "Blue"),
React.createElement(Option, null, "Blueviolet"),
React.createElement(Option, null, "Brown"),
React.createElement(Option, null, "Burlywood"),
React.createElement(Option, null, "Cadetblue"),
React.createElement(Option, null, "Chartreuse"))));
},
});
// begin-hide-from-docs
export const notes = `
You can provide a fixed menu height to accommodate your layout. This will allow users to scroll through the options within a fixed space.
`;
// end-hide-from-docs