skip to the page
superthread
componentstooltip
system
superthread
version
2.0.0-next.1
date
25.10.26

tooltip

a short label over a control, shown on hover and keyboard focus. give each icon button one, with the same words in its aria-label.

bunx --bun shadcn@latest add @mk/tooltip

in both modes

each pane prints the tooltip open over the search button: the pane’s ink as its ground, 4 px above the control it names.

light

dark

try it

light

point at a button, or tab to it.

dark

point at a button, or tab to it.

upstream

base-nova’s tooltip on base ui. superthread changes its imports and squares the arrow, which upstream rounds by 2 px. TooltipProvider opens a group’s tooltips with no delay, and the collapsed sidebar uses the tooltip to name its buttons. like the sheet, it renders at the end of the page and takes the page’s mode; pass another to its portal with portalProps={{ className: "dark" }}.