lucid-ui
Version:
A UI component library from AppNexus.
53 lines • 2.34 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { SearchableMultiSelect, Resizer } from '../../../index';
var Option = SearchableMultiSelect.Option;
export default createClass({
getInitialState: function getInitialState() {
return {
isRequired: false
};
},
handleChange: function handleChange(event) {
this.setState({
isRequired: event.length > 0
});
},
render: function render() {
return /*#__PURE__*/React.createElement(Resizer, null, function (width) {
var responsiveMode = width >= 768 ? 'large' : 'small';
return /*#__PURE__*/React.createElement("section", null, /*#__PURE__*/React.createElement("h5", null, "Loading"), /*#__PURE__*/React.createElement(SearchableMultiSelect, {
responsiveMode: responsiveMode,
isLoading: true
}, /*#__PURE__*/React.createElement(Option, null, "Alabama")), /*#__PURE__*/React.createElement("h5", null, "Disabled"), /*#__PURE__*/React.createElement(SearchableMultiSelect, {
responsiveMode: responsiveMode,
isDisabled: true
}, /*#__PURE__*/React.createElement(Option, null, "Alabama")), /*#__PURE__*/React.createElement("h5", null, "Custom option selections"), /*#__PURE__*/React.createElement(SearchableMultiSelect, {
responsiveMode: responsiveMode,
selectedIndices: [0, 1, 2, 3]
}, /*#__PURE__*/React.createElement(Option, {
Selection: {
kind: 'warning'
}
}, "Washington"), /*#__PURE__*/React.createElement(Option, {
Selection: {
kind: 'success'
}
}, "Oregon"), /*#__PURE__*/React.createElement(Option, {
Selection: {
kind: 'danger'
}
}, "California"), /*#__PURE__*/React.createElement(Option, {
Selection: {
kind: 'container'
}
}, "Nevada")), /*#__PURE__*/React.createElement("h5", null, "No remove all option"), /*#__PURE__*/React.createElement(SearchableMultiSelect, {
responsiveMode: responsiveMode,
hasRemoveAll: false,
initialState: {
selectedIndices: [0, 1, 2]
}
}, /*#__PURE__*/React.createElement(Option, null, "Washington"), /*#__PURE__*/React.createElement(Option, null, "Oregon"), /*#__PURE__*/React.createElement(Option, null, "California")));
});
}
});