react-popper-tooltip
Edit page
ReadmeTooltipTriggerhover triggerclick triggerright-click triggerFollow cursorfocus triggerMulti-triggerControlledEscape to closeContinuation

TooltipTrigger

The example files are in docs/examples directory.

hover trigger

Hover over me!

click trigger

Click on me!

right-click trigger

overrides browser's context menu

Right Click on me!

Follow cursor

followCursor prop

Hover over here

focus trigger

Click inside this area and focus using the Tab key on desktop. On mobile, just click on the inputs.

Multi-trigger

Click or hover me!

Controlled

tooltipShown prop



I am state controlled!

Escape to close

Click Here

Note: StateContainer used in the snippet above is for demo purpose only and used for state management.

Continuation

Could be used for creating dropdown menu framework, datepicker, nested popovers, etc.

Hover Continuation

One

Click Continuation

One