Skip to main content

Nested React Tooltip

Starting from v2 you need to add nested popup to make sure nested Modal/tooltips will work as expected

import React from 'react';import Popup from 'reactjs-popup';
const NestedToolTip = () => (  <Popup    trigger={<button className="button"> Trigger 1 </button>}    position="top center"    nested  >    <div>      Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores dolor      nulla animi, natus velit assumenda deserunt molestias      <Popup        trigger={<button className="button"> Trigger 2 </button>}        position="bottom left"        nested      >        <div>          Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores          dolor nulla animi, natus velit assumenda deserunt          <Popup            trigger={<button className="button"> Trigger 3 </button>}            position="top right"            nested          >            <span> Popup content </span>          </Popup>        </div>      </Popup>    </div>  </Popup>);