UNPKG

lucid-ui

Version:

A UI component library from AppNexus.

20 lines 1.04 kB
import React from 'react'; import createClass from 'create-react-class'; import { Button, DropMenuDumb as DropMenu } from '../../../index'; var Control = DropMenu.Control, Option = DropMenu.Option, OptionGroup = DropMenu.OptionGroup; export default createClass({ render: function render() { return /*#__PURE__*/React.createElement(DropMenu, { selectedIndices: [0], focusedIndex: 3, isExpanded: true, direction: "down" }, /*#__PURE__*/React.createElement(Control, null, /*#__PURE__*/React.createElement(Button, 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")); } });