How to use the react-icons/fa.FaTimes function in react-icons

To help you get started, we’ve selected a few react-icons 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 cvdlab / react-planner / lib / components / footerbar / footer-content-button.js View on Github external
{ style: _extends({}, textStyle, labelTextStyle) },
            p.text
          )
        ),
        _react2.default.createElement(
          'div',
          { style: s.active ? contentContainerStyleActive : contentContainerStyleInactive },
          _react2.default.createElement(
            'div',
            { style: contentHeaderStyle },
            _react2.default.createElement(
              'b',
              { style: _extends({}, titleStyle, inputTitleStyle) },
              p.title
            ),
            _react2.default.createElement(_fa.FaTimes, {
              style: s.closeOver ? iconCloseStyleOver : iconCloseStyleOut,
              onMouseOver: function onMouseOver(e) {
                return _this2.setState({ closeOver: true });
              },
              onMouseOut: function onMouseOut(e) {
                return _this2.setState({ closeOver: false });
              },
              onClick: function onClick(e) {
                return _this2.toggle(e);
              }
            })
          ),
          _react2.default.createElement(
            'div',
            { style: contentAreaStyle },
            p.content
github cvdlab / react-planner / lib / components / sidebar / panel-guides.js View on Github external
'td',
                    { colSpan: '2' },
                    _react2.default.createElement(_export.FormNumberInput, {
                      value: 0,
                      onChange: function onChange(e) {
                        projectActions.addHorizontalGuide(e.target.value);
                        return _this2.setState({ addHGVisible: true });
                      },
                      min: 0,
                      max: this.props.state.getIn(['scene', 'height'])
                    })
                  ),
                  _react2.default.createElement(
                    'td',
                    null,
                    _react2.default.createElement(_fa.FaTimes, {
                      style: iconStyle,
                      onClick: function onClick(e) {
                        return _this2.setState({ addHGVisible: true });
                      }
                    })
                  )
                )
              )
            )
          ),
          _react2.default.createElement(
            _reactTabs.TabPanel,
            null,
            _react2.default.createElement(
              'table',
              { style: tableTabStyle },