Tooltip

Uses the Popover API (popover="manual") for top-layer stacking, positioned with CSS anchor positioning where it's supported, falling back to a computed position otherwise. Hover and focus show and hide it; interestfor is declared on the trigger too, as a forward-looking, purely additive enhancement for the emerging native hover-intent API.

import { Tooltip, Button } from "@kernelui/react";

<Tooltip content="Copies the current URL" render={<Button variant="secondary">Share</Button>} />

Props