Tooltip

Provides a tooltip over a span which by default is the information icon.

Example

Variation icons

Example

Variation placement

Example

API

Name Type Default Description
id string Sets the id of the tooltip that appears and not the icon. If no id is specified, a generated one is used.
placement string “top” one of: “top”, “left”, “right”, “bottom”
className string Sets className(s) on the span element.
icon component Adds the Icons component
trigger string or array [“click”, “hover”, “focus”] Sets how the tooltip is triggered. One or more of “click”, “hover”, “focus”.
children node The tooltip’s body. This is required.

Used by

Team
Pathfinder