// Component const H6 = (props) => { const { children, font, ...others } = props return ( <h6 {...others}> {children} {/* language=CSS */} <style jsx>{` h6 { font-family: ${ font === 'primary' ? primary : secondary }; font-size: 1.25em; } `}</style> </h6> ) }
<li> <span> <h6>{node.title}</h6> </span> </li>
<h6>Downloads and Stars</h6> <Shield content={ `npm/dm/${org.npm}`} label='npm' /> <Shield content={ `github/stars/${org.repo}` } label='%E2%9C%AD' /> <h6>Activity</h6> <Shield content={ `github/commits-since/${org.repo}/${encodeURIComponent('master@{6 months ago}')}` } label='1w' /> <h6>Issues and PRs</h6> <Shield content={ `github/issues-raw/${org.repo}` } label='issues' /> <Shield content={ `github/issues-pr-raw/${org.repo}` } label='prs' /> <h6>Maintainers</h6>
<header className="text-center mt-2 mb-5"> <h1 className="h4">Direct Image URL Compression</h1> <h6>Only jpeg and png files supported</h6> </header> <div className="url-box mb-5">
const App = () => ( <div className='container'> <MultiStep steps={steps} /> <div className='container app-footer'> <h6>Press 'Enter' or click on progress bar for next step.</h6> Code is on{' '} <a href='https://github.com/Srdjan/react-multistep' target='_blank'> github </a> </div> </div> )
list.map((item)=>{ return( <Link to={`/car/${item.id}`} key={item.id} className="car_item"> <div className="left"> <img src={`/images/logos/${item.image}`}/> </div> <div className="right"> <h4>{item.model}</h4> <h6>{item.brand}</h6> </div> </Link>)})
const TodoItem = ({ title, due, completed, onClick }) => ( <li onClick={onClick} className = {completed ? 'completedTodo' : ''} > <p>{title}</p> <h6>{moment(due).format('dddd, YYYY MMMM Do, hh:mm:ss z')}</h6> </li> )
render() { if (this.props.errors) { return this.props.errors.map(err => <h6 className="text-danger" key={err}> {err} </h6> ) } return null; }
const ProductComponent = ({ dispatch }) => { /// const [state, setstate] = useState( ); useEffect(() => { dispatch(getAllProducts()); }); return ( <div style={style}> <h6 style={style.styleh}> Products </h6> <hr /> <ProductsContainer /> </div> ); }
const VideoListItem = ({snippet,onVideoSelected,index}) => { return ( <div className="media" style={{marginBottom:'3px',cursor:'pointer',userSelect:'none'}} onClick={() => onVideoSelected(index)}> <img className="mr-3" style={{width:'10rem'}} src={snippet.thumbnails.medium.url} alt="VideoItem" /> <div className="media-body"> <h6 className="mt-0 mb-1">{snippet.title}</h6> </div> </div> ); }
const Headers = ({ headers }) => { return ( <div> <h6>Response headers</h6> <pre>{headers}</pre> </div>) }
const ImageModal = ({dispatch, imageData}) => { console.log('image modal', imageData); return ( (imageData.shown ? <div className='imageModal' onClick={() => dispatch(hideModal())}> <img src={imageData.fullImage} /> <h6>{imageData.title}</h6> </div> : null) ); }
renderDesc(desc) { if (desc === '') return; return ( <div> <h6>Description:</h6> <div style={{marginTop: -3}}> <TextWithLinks content={desc} /> </div> </div> ) }
// Component const H6 = (props) => { const { children, font, ...others } = props return ( <h6 {...others}> {children} {/* language=CSS */} <style jsx>{` h6 { font-family: ${ font === 'primary' ? primary : secondary }; font-size: 1.25em; } `}</style> </h6> ) }
<li> <span> <h6>{node.title}</h6> </span> </li>