New Metronic Docs!Added Integration Docs with Starter Kits Apps for Laravel, Laravel Livewire, Angular, Vue, Symfony, Blazor Server, Django & Flask & more
Browse Docs 
How i can use the tooltip in react project
what should i import to make use of it urgently please
Replies (1)
Hi,
Thank you for reaching out to us.
In Metronic React version you can easily use React-Bootstrap tooltip component.
import Button from "react-bootstrap/Button";
import OverlayTrigger from "react-bootstrap/OverlayTrigger";
import Tooltip from "react-bootstrap/Tooltip";
function TriggerExample() {
const renderTooltip = (props) => (
<Tooltip {...props}>
Simple tooltip
</Tooltip>
);
return (
<OverlayTrigger
placement="right"
delay={{ show: 250, hide: 400 }}
overlay={renderTooltip}
>
<Button variant="success">Hover me to see</Button>
</OverlayTrigger>
);
}
export default TriggerExample;For more usage examples, you can refer to React-Bootstrap official documentation.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
