TooltipTooltip

Props

• TooltipProvider delay–

  number

  320ms to open on hover; focus opens it at once. Radix: delayDuration. Wrap your app in this TooltipProvider once and every tooltip takes its delays (and Radix skips the delay between neighbours); a TooltipTrigger delay overrides it for one trigger.

• TooltipContent–

  side, sideOffset, align, collisionPadding, container

  Above by default, 9px from the trigger.

• TooltipKicker–

  span

  The mono line under the text.

• TooltipInfo–

  trigger props

  The designed 40px info key. Give it an aria-label.

Source

Installation

Free, no account or key. Use the command for your project's primitives: a radix-*, new-york or default style in components.json is Radix, a base-* style is Base UI. With the @notchset registry added, @notchset/<name> picks for you.

{
  "registries": {
    "@notchset": "https://notchset.dev/r/{style}/{name}.json",
    "@notchset-pro": {
      "url": "https://notchset.dev/r/pro/{style}/{name}.json",
      "headers": { "Authorization": "Bearer ${NOTCHSET_TOKEN}" }
    }
  }
}