<span
className='bg-transparent border-0'
data-bs-toggle='tooltip'
data-bs-placement='right'
data-bs-custom-class='tooltip-dark'
title='Tooltip text'
>
<i className='bi bi-exclamation-circle fs-2 text-danger'></i>
</span>
import {OverlayTrigger, Tooltip} from "react-bootstrap";
<OverlayTrigger
placement="right"
delay={{ show: 250, hide: 400 }}
overlay={(props) => (
<Tooltip id='button-tooltip' {...props}>
Tooltip text
</Tooltip>
)}
>
<span
className='bg-transparent border-0'
>
<i className='bi bi-exclamation-circle fs-2 text-danger'></i>
</span>
</OverlayTrigger>