Added more flex props for tooltip testing.

master
sigonasr2, Sig, Sigo 3 years ago
parent a8fc71b7d1
commit 6a47326db2
  1. 6
      src/App.js

@ -826,7 +826,7 @@ function DamageCalculator(p) {
} }
function TooltipTest(p) { function TooltipTest(p) {
return <>This is some tooltip info!</> return <>This is some tooltip info! Does it get larger as we add more content? Or does it stay puny.</>
} }
function App() { function App() {
@ -917,9 +917,9 @@ function App() {
<PopupWindow modalOpen={modalOpen} setModalOpen={setModalOpen} showCloseButton={true} title="Modal Title">Modal content goes here.{BACKEND_URL} <PopupWindow modalOpen={modalOpen} setModalOpen={setModalOpen} showCloseButton={true} title="Modal Title">Modal content goes here.{BACKEND_URL}
<br/><br/><Tooltip <br/><br/><Tooltip
arrow={10} background="rgba(40,40,40,0.8)" border="white" radius={10} arrow={10} background="rgba(40,40,40,0.8)" border="white" radius={10}
placement="bottom" fadeDuration={300} offset={-6} placement="bottom" fadeDuration={300} style={{width:"600px"}}
content={<TooltipTest/>} content={<TooltipTest/>}
>Mouseover Me!</Tooltip></PopupWindow> >Mouseover Me! I need more width to make this work.</Tooltip></PopupWindow>
</div> </div>
</Route> </Route>
</Switch> </Switch>

Loading…
Cancel
Save