Tooltip

Basic tooltip example demonstrating core behavior.

Package: @solidiom/tooltip
Version: 0.0.1-next.0
Status: stable

Examples

import * as Tooltip from "@solidiom/tooltip"

;<Tooltip.Root openDelay={700} closeDelay={300}>
  <Tooltip.Trigger>
    <button type="button">Hover me</button>
  </Tooltip.Trigger>

  <Tooltip.Content>This is a tooltip.</Tooltip.Content>
</Tooltip.Root>

The tooltip appears after openDelay (default 700ms) on hover or focus, and dismisses after closeDelay (default 300ms) on mouse leave. The trigger also responds to Escape key for dismissal.

View source

        /**
 * @solidiom/tooltip — Headless tooltip primitive with hover/focus activation and delay.
 *
 * Parts: Root, Trigger, Content.
 */

export {
  Root,
  Trigger,
  Content,
  type TooltipRootProps,
  type TooltipTriggerProps,
  type TooltipContentProps,
} from "./tooltip"

export { type PositioningPort } from "./tooltip-context"