import React, { Component } from "react"; import ReactDOM from "react-dom"; import ReactFloat, { Popup, Panel, withFloat } from "react-float"; import "./styles.css"; const PopupElement = props => { return (

this is a popup this is props: {JSON.stringify(props)}

props.update({ a: "123456" })}> change this props content

props.update({ maskClose: false })}> remove click mask close this popup

props.update({ mask: false })}>remove mask

); }; const LongPopup = props => { return (

text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text

); }; const PanelElement = props => { return

this is a panel

; }; const Ctrls = props => { return (

props.openPopup("testPopup", { testProps: "654321" })} > openPopup

props.openPanel("testPanel")}>openPanel

props.openPopup("longPopup")}>longPopup

); }; const WithCtrls = withFloat("panels")(withFloat("popups")(Ctrls)); function App() { return (

); } const rootElement = document.getElementById("root"); ReactDOM.render(, rootElement);

8yw8287nq2