Tooltip

Tooltips add additional context to interactive UI elements and appear on mouse hover or keyboard focus.

Import

import {Tooltip} from '@primer/react'

Name	Default	Description
align		`'left' \| 'right'`
direction	`n`	`'n' \| 'ne' \| 'e' \| 'se' \| 's' \| 'sw' \| 'w' \| 'nw'` Sets where the tooltip renders in relation to the target.
noDelay		`boolean` When set to `true`, tooltip appears without any delay.
aria-label		`string` Text used in `aria-label` (for accessibility)
wrap		`boolean` Use `true` to allow text within tooltip to wrap.
sx		`SystemStyleObject`