lucid-ui
Version:
A UI component library from AppNexus.
28 lines • 1.97 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { Submarine } from '../../../index';
export default createClass({
getInitialState: function getInitialState() {
return {
isHidden: true
};
},
handleToggleIsHidden: function handleToggleIsHidden() {
this.setState({
isHidden: !this.state.isHidden
});
},
render: function render() {
return /*#__PURE__*/React.createElement("section", null, /*#__PURE__*/React.createElement("button", {
onClick: this.handleToggleIsHidden
}, "toggle `isHidden`"), /*#__PURE__*/React.createElement("section", {
style: {
height: 300,
background: 'lightgray',
outline: '1px solid lightgray'
}
}, /*#__PURE__*/React.createElement(Submarine, {
isHidden: this.state.isHidden
}, /*#__PURE__*/React.createElement(Submarine.Title, null, "This can be totally hidden from view"), /*#__PURE__*/React.createElement(Submarine.Bar, null, "Slow-carb meditation four loko, kickstarter umami tilde craft beer kombucha deep v plaid yr cardigan gastropub ennui snackwave. Vape health goth selvage twee lumbersexual, tattooed iceland cred street art slow-carb craft beer pinterest banjo typewriter pop-up. Echo park bicycle rights put a bird on it, sriracha blue bottle ethical pinterest readymade messenger bag. Tousled slow-carb occupy messenger bag readymade, leggings celiac cloud bread tofu. Wayfarers chia jianbing, twee yuccie seitan meggings food truck meh neutra bushwick mlkshk four loko. Franzen unicorn tofu lumbersexual waistcoat. Taxidermy gluten-free yuccie vinyl waistcoat."), /*#__PURE__*/React.createElement(Submarine.Primary, null, "Pickled pinterest hot chicken taxidermy edison bulb. Butcher austin listicle fingerstache unicorn flexitarian. Tumblr cred quinoa normcore, mumblecore cardigan cold-pressed dreamcatcher craft beer ad direct trade vero accusamus cray. Roof party chia shabby chic synth."))));
}
});