Skip to content

Search

Tooltip

ComponentFeedback Source

Shows content while the trigger is hovered or focused from the keyboard; Escape hides it. Screen readers don't hear it, so give the trigger a label that says the same.

Tooltip(props: TooltipProps): Element

Props

contentrequiredComponentChildren
alignoptionalTooltipAlign

Which edge of the trigger the tooltip lines up with. Defaults to center.

classoptionalstring
childrenrequiredComponentChildren

The trigger.

design-system is a Ben Hodgson projectGitHub