lucid-ui
Version:
A UI component library from AppNexus.
32 lines (31 loc) • 1.46 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { Checkbox } from '../../../index';
export default createClass({
getInitialState() {
return {
isSelected: 0,
};
},
handleSelected() {
this.setState({
...this.state,
isSelected: (this.state.isSelected + 1) % 3,
});
},
render() {
return (React.createElement("ul", null,
React.createElement("li", null,
React.createElement("label", null, "Plain (interactive)"),
React.createElement(Checkbox, { title: 'Little Plain Checkbox', isIndeterminate: this.state.isSelected === 1, isSelected: this.state.isSelected === 0, onSelect: this.handleSelected, tabIndex: 20 })),
React.createElement("li", null,
React.createElement("label", null, "Disabled unselected"),
React.createElement(Checkbox, { isSelected: false, isDisabled: true, tabIndex: 20 })),
React.createElement("li", null,
React.createElement("label", null, "Disabled selected"),
React.createElement(Checkbox, { isSelected: true, isDisabled: true, tabIndex: 20 })),
React.createElement("li", null,
React.createElement("label", null, "Disabled indeterminate"),
React.createElement(Checkbox, { isIndeterminate: true, isDisabled: true, tabIndex: 20 }))));
},
});