lucid-ui
Version:
A UI component library from AppNexus.
33 lines • 1.77 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { Sidebar } from '../../../index';
export default createClass({
getInitialState: function getInitialState() {
return {
resizeWidth: null,
isExpanded: true
};
},
handleToggle: function handleToggle() {
this.setState({
isExpanded: !this.state.isExpanded
});
},
handleResizing: function handleResizing(width) {
this.setState({
resizeWidth: width
});
},
handleResize: function handleResize(width) {
this.setState({
resizeWidth: width
});
},
render: function render() {
return /*#__PURE__*/React.createElement("section", null, /*#__PURE__*/React.createElement("p", null, "isExpanded: ", "".concat(this.state.isExpanded)), /*#__PURE__*/React.createElement("p", null, "resizeWidth: ", "".concat(this.state.resizeWidth)), /*#__PURE__*/React.createElement(Sidebar, {
onResizing: this.handleResizing,
onResize: this.handleResize,
onToggle: this.handleToggle
}, /*#__PURE__*/React.createElement(Sidebar.Bar, null, "Non cliche minim normcore ullamco, iPhone etsy banh mi farm-to-table mumblecore stumptown asymmetrical wolf pour-over odio."), /*#__PURE__*/React.createElement(Sidebar.Primary, null, "You probably haven't heard of them fingerstache art party messenger bag, 3 wolf moon cold-pressed helvetica nesciunt id anim. Leggings labore dolor, cliche letterpress normcore banh mi aliquip ramps crucifix DIY. Occupy est DIY delectus kitsch, raw denim marfa literally poutine. Anim viral chia, keffiyeh ramps gastropub +1 wolf fixie austin church-key. Hammock placeat tote bag craft beer. Offal plaid PBR&B, art party lo-fi ea poutine kitsch ad. Duis flannel semiotics church-key YOLO.")));
}
});