<OverlayTrigger placement="top" overlay={<Tooltip id="button-tooltip-2">Top Tooltip</Tooltip>}>
  <Link href="#" className="btn btn-primary me-2 mt-2">Top</Link> 
</OverlayTrigger>

<OverlayTrigger placement="left" overlay={<Tooltip id="button-tooltip-2">Left Tooltip</Tooltip>}>
  <Link href="#" className="btn btn-primary me-2 mt-2">Left</Link> 
</OverlayTrigger>

<OverlayTrigger placement="bottom" overlay={<Tooltip id="button-tooltip-2">Bottom Tooltip</Tooltip>}>
  <Link href="#" className="btn btn-primary me-2 mt-2">Bottom</Link> 
</OverlayTrigger>

<OverlayTrigger placement="right" overlay={<Tooltip id="button-tooltip-2">Right Tooltip</Tooltip>}>
  <Link href="#" className="btn btn-primary me-2 mt-2">Right</Link> 
</OverlayTrigger>

<OverlayTrigger trigger="click" placement="top" overlay={<Tooltip id="button-tooltip-2">Top Tooltip</Tooltip>}>
  <Link href="#" className="btn btn-primary me-2 mt-2">Top</Link> 
</OverlayTrigger>

<OverlayTrigger trigger="click" placement="left" overlay={<Tooltip id="button-tooltip-2">Left Tooltip</Tooltip>}>
  <Link href="#" className="btn btn-primary me-2 mt-2">Left</Link> 
</OverlayTrigger>

<OverlayTrigger trigger="click" placement="bottom" overlay={<Tooltip id="button-tooltip-2">Bottom Tooltip</Tooltip>}>
  <Link href="#" className="btn btn-primary me-2 mt-2">Bottom</Link> 
</OverlayTrigger>

<OverlayTrigger trigger="click" placement="right" overlay={<Tooltip id="button-tooltip-2">Right Tooltip</Tooltip>}>
  <Link href="#" className="btn btn-primary me-2 mt-2">Right</Link> 
</OverlayTrigger>