lucid-ui
Version:
A UI component library from AppNexus.
31 lines • 2.45 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { SplitHorizontal } from '../../../index';
export default createClass({
getInitialState: function getInitialState() {
return {
isExpanded: true
};
},
handleToggle: function handleToggle() {
this.setState({
isExpanded: !this.state.isExpanded
});
},
render: function render() {
return /*#__PURE__*/React.createElement("section", null, /*#__PURE__*/React.createElement("button", {
onClick: this.handleToggle
}, "toggle"), /*#__PURE__*/React.createElement("section", {
style: {
height: 300,
outline: '1px solid #e3e3e3'
}
}, /*#__PURE__*/React.createElement(SplitHorizontal, {
style: {
height: '100%'
},
isAnimated: true,
isExpanded: this.state.isExpanded
}, /*#__PURE__*/React.createElement(SplitHorizontal.TopPane, null, /*#__PURE__*/React.createElement("p", null, "Poutine ea ramps cold-pressed, vinyl bespoke sint keffiyeh tumblr banjo kitsch hoodie tousled. Echo park occupy whatever voluptate iPhone. Freegan butcher shabby chic aliquip, truffaut single-origin coffee meditation tote bag gochujang meh est. Ut letterpress gochujang master cleanse, pariatur locavore meditation quis irure incididunt shoreditch typewriter placeat intelligentsia hoodie. Shabby chic chicharrones id, meh swag migas readymade chartreuse consectetur adipisicing ullamco. Laborum commodo occaecat paleo occupy. Cold-pressed kinfolk beard, exercitation post-ironic typewriter non street art offal flexitarian mixtape listicle pitchfork nostrud direct trade.")), /*#__PURE__*/React.createElement(SplitHorizontal.BottomPane, null, /*#__PURE__*/React.createElement("p", null, "This pane is primary by default."), /*#__PURE__*/React.createElement("p", null, "Trust fund brunch waistcoat, fixie cronut typewriter ut gluten-free veniam blue bottle cillum laboris. Truffaut cronut cliche in dolore. Kickstarter ugh craft beer swag fashion axe. Nostrud tacos cred anim, exercitation kinfolk chillwave you probably haven't heard of them roof party wayfarers cray fingerstache dolore tattooed. Hashtag trust fund sed, bespoke 3 wolf moon everyday carry anim blog vero mollit helvetica bushwick keffiyeh nesciunt. Yr mlkshk authentic small batch. Humblebrag kogi deep v, ex four dollar toast DIY street art adipisicing mlkshk iPhone excepteur intelligentsia cardigan.")))));
}
});