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, TooltipProvider } from "@ngrok/mantle/tooltip";

<TooltipProvider>
	<Tooltip.Root>
		<Tooltip.Trigger asChild>
			<Button appearance="filled" priority="default">
				Hover
			</Button>
		</Tooltip.Trigger>
		<Tooltip.Content>
			<p>Add to library</p>
		</Tooltip.Content>
	</Tooltip.Root>
</TooltipProvider>