lucid-ui
Version:
A UI component library from AppNexus.
40 lines (39 loc) • 1.41 kB
JavaScript
import _ from 'lodash';
import React from 'react';
import createClass from 'create-react-class';
import { Switch } from '../../../index';
export default createClass({
getInitialState() {
return {
disabled: {
isSelected: false,
},
enabled: {
isSelected: false,
},
};
},
handleDisabledSelected(isSelected) {
this.setState(_.assign({}, this.state, {
disabled: _.assign({}, this.state.disabled, {
isSelected,
}),
}));
},
handleEnabledSelected(isSelected) {
this.setState(_.assign({}, this.state, {
enabled: _.assign({}, this.state.enabled, {
isSelected,
}),
}));
},
render() {
return (React.createElement("ul", null,
React.createElement("li", null,
React.createElement("label", null, "Enabled"),
React.createElement(Switch, { isDisabled: false, isSelected: this.state.enabled.isSelected, onSelect: this.handleEnabledSelected, tabIndex: 10 })),
React.createElement("li", null,
React.createElement("label", null, "Disabled"),
React.createElement(Switch, { isDisabled: true, isSelected: this.state.disabled.isSelected, onSelect: this.handleDisabledSelected, tabIndex: 11 }))));
},
});