How to use the @rmwc/button.ButtonIcon function in @rmwc/button
To help you get started, we’ve selected a few @rmwc/button 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 / Team.js View on Github 
item.name
),
_react2.default.createElement(
_typography.Typography,
{ use: 'title', tag: 'h3', style: { textAlign: 'center' } },
item.title
)
),
_react2.default.createElement(
'div',
{ style: { textAlign: 'center' } },
_react2.default.createElement(
'div',
{ style: { display: 'flex', justifyContent: 'center' } },
github && _react2.default.createElement(
_button.ButtonIcon,
{
style: { cursor: 'pointer' },
onClick: function onClick() {
_this4.onLinkClick(item.github);
}
},
_react2.default.createElement('img', { src: this.props.githubIcon })
),
linkedIn && _react2.default.createElement(
_button.ButtonIcon,
{
style: { cursor: 'pointer' },
onClick: function onClick() {
_this4.onLinkClick(item.linkedIn);
}
},}
},
_react2.default.createElement('img', { src: this.props.githubIcon })
),
linkedIn && _react2.default.createElement(
_button.ButtonIcon,
{
style: { cursor: 'pointer' },
onClick: function onClick() {
_this4.onLinkClick(item.linkedIn);
}
},
_react2.default.createElement('img', { src: this.props.linkedinIcon })
),
website && _react2.default.createElement(
_button.ButtonIcon,
{
style: { cursor: 'pointer' },
onClick: function onClick() {
_this4.onLinkClick(item.website);
}
},
_react2.default.createElement('img', { src: this.props.webIcon })
)
),
text && _react2.default.createElement(
_button.Button,
{
style: { marginTop: 10 },
onClick: function onClick() {
_this4.setState({ detailDialogOpen: true, item: item });
}@rmwc/button
Buttons communicate the action that will occur when the user touches them.
