0.27.1
Theme Switcher

Tooltip

Preview

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

import { Button } from "@ngrok/mantle/button";
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@ngrok/mantle/tooltip";

<TooltipProvider>
	<Tooltip>
		<TooltipTrigger asChild>
			<Button appearance="filled" priority="default">
				Hover
			</Button>
		</TooltipTrigger>
		<TooltipContent>
			<p>Add to library</p>
		</TooltipContent>
	</Tooltip>
</TooltipProvider>