How to use the react-popper.Popper function in react-popper

To help you get started, we’ve selected a few react-popper 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 deranjer / goTorrent / goTorrentWebUI / node_modules / material-ui / Tooltip / Tooltip.js View on Github external
function (_ref2) {
              var targetProps = _ref2.targetProps;
              return _react2.default.createElement(
                _RefHolder2.default,
                {
                  ref: function ref(node) {
                    _this2.children = (0, _reactDom.findDOMNode)(node);
                    targetProps.ref(_this2.children);
                  }
                },
                _react2.default.cloneElement(childrenProp, childrenProps)
              );
            }
          ),
          _react2.default.createElement(
            _reactPopper.Popper,
            (0, _extends3.default)({
              placement: placement,
              eventsEnabled: open,
              className: (0, _classnames2.default)(classes.popper, (0, _defineProperty3.default)({}, classes.popperClose, !open), PopperClassName)
            }, PopperOther, {
              ref: function ref(node) {
                _this2.popper = node;
              }
            }),
            function (_ref3) {
              var popperProps = _ref3.popperProps,
                  restProps = _ref3.restProps;

              var actualPlacement = popperProps['data-placement'] || placement;
              return _react2.default.createElement(
                'div',
github sablierhq / sablier / packages / frontend / src / pages / PayWithSablier / MyReactDatePicker / index.jsx View on Github external
PopperComponent.prototype.render = function render() {
    var _props = this.props,
      className = _props.className,
      hidePopper = _props.hidePopper,
      popperComponent = _props.popperComponent,
      popperModifiers = _props.popperModifiers,
      popperPlacement = _props.popperPlacement,
      popperProps = _props.popperProps,
      targetComponent = _props.targetComponent;

    var popper = void 0;

    if (!hidePopper) {
      var classes = classnames("react-datepicker-popper", className);
      popper = React.createElement(
        reactPopper.Popper,
        _extends(
          {
            modifiers: popperModifiers,
            placement: popperPlacement,
          },
          popperProps,
        ),
        function(_ref) {
          var ref = _ref.ref,
            style = _ref.style,
            placement = _ref.placement,
            arrowProps = _ref.arrowProps;
          return React.createElement(
            "div",
            _extends(
              { ref: ref, style: style },

react-popper

Official library to use Popper on React projects

MIT
Latest version published 2 years ago

Package Health Score

79 / 100
Full package analysis