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.
deranjer / goTorrent / goTorrentWebUI / node_modules / material-ui / Tooltip / Tooltip.js View on Github 
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',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
