UNPKG

hbm-react-components

Version:
30 lines (26 loc) 691 B
import React from 'react' import Icon from '../../../components/icon' export default class IconRoute extends React.Component { render () { let icons = Object.keys(Icon).map((key, index) => { if (key !== 'Button' && key !== 'Logo') { let value = Icon[key] const style = {display: 'flex', alignItems: 'center', padding: 20, flexDirection: 'column', float: 'left', width: '33%'} return ( <div key={index} style={style}> {value()} <span>{key}</span> </div> ) } }) return ( <div> <section> <h2>Icons</h2> {icons} </section> </div> ) } }