Docs
Tooltip

Tooltip

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

Radix UIAPI Reference

Usage

import shadcn.ui.components.Tooltip
import shadcn.ui.components.TooltipContent
import shadcn.ui.components.TooltipProvider
import shadcn.ui.components.TooltipTrigger

TooltipProvider {
    Tooltip {
        TooltipTrigger { +"Hover" }
        TooltipContent {
            p { +"Add to library" }
        }
    }
}
Toggle