How to use @rmwc/icon - 3 common examples
To help you get started, we’ve selected a few @rmwc/icon examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
fluidtrends / chunky / web / lib / components / Dashboard.js View on Github 
value: function renderNav() {
return _react2.default.createElement(
'div',
{ style: {
display: 'flex',
flex: 1,
marginBottom: 40,
justifyContent: 'space-around'
}, className: 'jsx-3157557023'
},
_react2.default.createElement(_icon.Icon, { onClick: this._onSectionNavigate(-1), use: 'navigate_before', style: { fontSize: 48, cursor: 'pointer', color: this.props.sectionSelectedColor } }),
_react2.default.createElement(_icon.Icon, { onClick: this._onSectionNavigate(1), use: 'navigate_next', style: { fontSize: 48, cursor: 'pointer', color: this.props.sectionSelectedColor } })
);
}
}, {value: function renderColumn(column) {
return _react2.default.createElement(
_antd.Col,
{ md: 8, sm: 24, xs: 24, style: { padding: 0 } },
_react2.default.createElement(
'div',
{ style: { display: 'flex', flexDirection: 'column', alignItems: 'center', marginTop: '20px', marginBottom: '20px', textAlign: 'center' } },
_react2.default.createElement(_icon.Icon, { icon: column.icon, style: { fontSize: '38px', color: this.props.iconColor } }),
_react2.default.createElement(
'div',
null,
_react2.default.createElement(
_typography.Typography,
{ use: 'headline5', style: { padding: '10px', display: 'block', color: this.props.iconColor } },
column.title.toUpperCase()
)
),
_react2.default.createElement(
'div',
null,
_react2.default.createElement(
_typography.Typography,
{ use: 'headline6', style: { padding: '10px', display: 'block' } },
column.subtitlevalue: function renderNav() {
return _react2.default.createElement(
'div',
{ style: {
display: 'flex',
flex: 1,
marginBottom: 40,
justifyContent: 'space-around'
}, className: 'jsx-3157557023'
},
_react2.default.createElement(_icon.Icon, { onClick: this._onSectionNavigate(-1), use: 'navigate_before', style: { fontSize: 48, cursor: 'pointer', color: this.props.sectionSelectedColor } }),
_react2.default.createElement(_icon.Icon, { onClick: this._onSectionNavigate(1), use: 'navigate_next', style: { fontSize: 48, cursor: 'pointer', color: this.props.sectionSelectedColor } })
);
}
}, {
