lucid-ui
Version:
A UI component library from AppNexus.
23 lines (22 loc) • 985 B
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { SearchableSingleSelect } from '../../../index';
const { Option } = SearchableSingleSelect;
export default createClass({
getInitialState() {
return {
selectedIndex: null
};
},
handleSelect(optionIndex) {
this.setState({
selectedIndex: optionIndex
});
},
render() {
return (React.createElement(SearchableSingleSelect, { onSelect: this.handleSelect, Error: this.state.selectedIndex === 2 ? null : "Please Choose Green" },
React.createElement(Option, { Selected: React.createElement("div", { style: { color: 'red' } }, "RED") }, "Red"),
React.createElement(Option, { Selected: React.createElement("div", { style: { color: 'blue' } }, "BLUE") }, "Blue"),
React.createElement(Option, { Selected: React.createElement("div", { style: { color: 'green' } }, "GREEN") }, "Green")));
},
});