Tooltip

1import { Tooltip, TooltipContent, TooltipTrigger } from "passport-ui";
2import { Button } from "passport-ui";

1<Tooltip>
2  <TooltipTrigger asChild>
3    <Button variant="outline">Hover me</Button>
4  </TooltipTrigger>
5  <TooltipContent>This is a tooltip</TooltipContent>
6</Tooltip>
7 
8{/* Different positions */}
9<Tooltip>
10  <TooltipTrigger asChild>
11    <Button variant="outline">Top</Button>
12  </TooltipTrigger>
13  <TooltipContent side="top">Tooltip on top</TooltipContent>
14</Tooltip>
15 
16<Tooltip>
17  <TooltipTrigger asChild>
18    <Button variant="outline">Bottom</Button>
19  </TooltipTrigger>
20  <TooltipContent side="bottom">Tooltip on bottom</TooltipContent>
21</Tooltip>