Overlays

Tooltip

Required on every icon-only button.

@codeways/ui/tooltip

Placement

Required on every icon-only button, truncated text, and abbreviated KPI amounts. bg-inverse, no arrow, 300ms open delay.

top

right

bottom

left

on a destructive icon button

Usage

// Mount one TooltipProvider near the app root (packages/ui-shell places it in the suite shell).
import { Tooltip, TooltipTrigger, TooltipContent } from "@codeways/ui/tooltip";

<Tooltip>
  <TooltipTrigger asChild><Button variant="ghost" size="icon-sm"><Info /></Button></TooltipTrigger>
  <TooltipContent>Includes tax, rounded to the cent</TooltipContent>
</Tooltip>