Tooltip

Examples

Arrow

Use the showArrow prop to show an arrow on the tooltip.

Placement

Use the positioning.placement prop to change the position of the tooltip.

Offset

Use the positioning.offset prop to change the offset of the tooltip.

Delay

Use the openDelay and closeDelay prop to change the delay of the tooltip.

Interactive

Use the interactive prop to keep the tooltip open when interacting with its content.

Disable

Use the disabled prop to disable the tooltip. When disabled, the tooltip will not be shown.

With Avatar

Here's an example of how to use the Tooltipwith anAvatar component.

PreviewCode

With Checkbox

Here's an example of how to use the Tooltipwith aCheckbox component.