Tooltip()

Tooltip(__namedParameters): Element

Tooltip - A contextual popup component for providing additional information

Displays helpful information when users hover over or focus on an element. Provides accessible tooltip functionality with proper positioning, keyboard navigation, and screen reader support for enhanced user experience.

Parameters

__namedParameters

TooltipProps

Returns

Element

Examples

// Basic tooltip
<TooltipTrigger>
  <Button>Hover me</Button>
  <Tooltip>
    This is helpful information
  </Tooltip>
</TooltipTrigger>

// Tooltip with custom positioning
<TooltipTrigger>
  <Button>Hover for info</Button>
  <Tooltip placement="top" offset={10}>
    Positioned above with custom offset
  </Tooltip>
</TooltipTrigger>

// Icon with tooltip
<TooltipTrigger>
  <Button variant="icon">
    <Icon><Info /></Icon>
  </Button>
  <Tooltip>
    Additional context for this action
  </Tooltip>
</TooltipTrigger>