// Component const Menu = (props) => { const { children, ...others } = props return ( <div {...others}> {children} </div> ) }
const Loader = ({ height }) => { const skeletons = []; for (let i = 0; i < height; i+=18) { skeletons.push(<Skeleton key={i} />) } return ( <div style={{height: height}}> { skeletons } </div> ) }
React.createClass({ render: function() { return ( <div className={this.props.hide ? 'hide' : undefined}> Favorites </div> ); } })
render() { return ( <div> {!this.state.online && ( <styles.Root> <styles.Label> Offline </styles.Label> </styles.Root> )} </div> ); }
stories.add('default', () => { return ( <div style={{ maxWidth: 120 }}> <Tab withPadding={false}> <ProcessTab title="Process" status={PROCESS_STATUS.STOPPED} /> </Tab> </div> ); });
render () { return ( <div className={classnames(classes.layout)}> <h4>404 page not found</h4> </div> ) }
render() { return ( <div style={{ padding: '10px 45px' }}> <EditBook onSave={this.addBookOnSave} /> </div> ); }
const NotFoundPage = () => { return ( <div> <h4> 404 Page Not Found </h4> <Link to="/"> Go back to homepage </Link> </div> ); }
function App() { return ( <div> <Card title={'Title'} /> <Card title={'Title'} subtitle={'Subtitle'} /> </div> ) }
render() { return ( <div className="client-stats__rates"> {this.getCurrentTansferRate('download', {showHoverDuration: true})} {this.getCurrentTansferRate('upload')} </div> ); }
render() { return ( <div> <h1>Dummy Component Redux</h1> </div> ) }
// Component const Menu = (props) => { const { children, ...others } = props return ( <div {...others}> {children} </div> ) }
// App Imports // Component const DummyComponentPure = () => ( <div> <h1>Dummy Component Pure</h1> </div> )
render() { return ( <div style={{ padding: '10px 45px' }}> <EditBook onSave={this.addBookOnSave} /> </div> ); }