const MyBooks = () => ( <div style={{ padding: '10px 45px' }}> <h3>Your books</h3> </div> )
popupSet.tablePivot().map((item, i) => ( <div className="mapbox__popup__item" key={i}> <h3>{item['Questions.title']}</h3> <div> Views count: {item['Questions.views']}<br /> Tags: {item['Questions.tags'].replace(/\|/g, ', ')} </div> </div> ))
const GameList = (props) => { const gameList = props.gameList; const listElements = gameList.map(game => ( <li key={game.createdAt}>{game.winner} won at {game.createdAt}</li> )); return ( <div id="gameList"> <h3>Previous matches</h3> <ul> {listElements} </ul> </div> ); }
function Card({ title, subtitle }) { return ( <div style={styles.card}> <h1 style={styles.title}>{title}</h1> {subtitle ? ( <h2 style={styles.subtitle}>{subtitle}</h2> ) : ( <h3 style={styles.empty}>No subtitle</h3> )} </div> ) }
// Component const H3 = (props) => { const { children, font, ...others } = props return ( <h3 {...others}> {children} {/* language=CSS */} <style jsx>{` h3 { font-family: ${ font === 'primary' ? primary : secondary }; font-size: 2em; } `}</style> </h3> ) }
function Feature ({ imageUrl, title, description }) { const imgUrl = useBaseUrl(imageUrl) return ( <div className={classnames('col col--4', styles.feature)}> {imgUrl && ( <div className='text--center'> <div className='feature-image-wrapper'> <img className={styles.featureImage} src={imgUrl} alt={title} /> </div> </div> )} <h3 className='text--center'>{title}</h3> <p>{description}</p> </div> ) }
render() { return ( <div className="App"> <div className="App-header"> <h2 onClick={this.clickHandler}>Welcome to REACTIDE dudes</h2> <h3>{this.state.count}</h3> </div> </div> ); }
to={section.url} onClick={this.props.toggle.bind(null, false)}> <h3>{section.title || section.url}</h3> </Link>
function Card({ loading, error, title, subtitle }) { let content if (error) { content = 'Error' } else if (loading) { content = <h3 style={styles.empty}>Loading...</h3> } else { content = ( <div> <h1 style={styles.title}>{title}</h1> {subtitle ? ( <h2 style={styles.subtitle}>{subtitle}</h2> ) : ( <h3 style={styles.empty}>No subtitle</h3> )} </div> ) } return <div style={styles.card}>{content}</div> }
const MyBooks = () => ( <div style={{ padding: '10px 45px' }}> <h3>Your books</h3> </div> )
const MyBooks = () => ( <div style={{ padding: '10px 45px' }}> <h3>Your books</h3> </div> )
const MyBooks = () => ( <div style={{ padding: '10px 45px' }}> <h3>Your books</h3> </div> )
render() { return ( <div className="App"> <div className="App-header"> <h2 onClick={this.clickHandler}>Welcome to REACTIDE dudes</h2> <h3>{this.state.count}</h3> </div> </div> ); }
const GameList = (props) => { const gameList = props.gameList; const listElements = gameList.map(game => ( <li key={game.createdAt}>{game.winner} won at {game.createdAt}</li> )); return ( <div id="gameList"> <h3>Previous matches</h3> <ul> {listElements} </ul> </div> ); }
// Component const H3 = (props) => { const { children, font, ...others } = props return ( <h3 {...others}> {children} {/* language=CSS */} <style jsx>{` h3 { font-family: ${ font === 'primary' ? primary : secondary }; font-size: 2em; } `}</style> </h3> ) }