How to use the @rmwc/icon.Icon function in @rmwc/icon

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.

github fluidtrends / chunky / web / lib / components / Dashboard.js View on Github external
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 } })
      );
    }
  }, {
github fluidtrends / chunky / web / lib / components / ColumnsInfo.js View on Github external
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.subtitle
github fluidtrends / chunky / web / lib / components / Dashboard.js View on Github external
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 } })
      );
    }
  }, {

@rmwc/icon

RMWC Icon component

MIT
Latest version published 12 days ago

Package Health Score

84 / 100
Full package analysis

Popular @rmwc/icon functions