Default triggers
Hovering over the button below will display the tooltip using its default configuration: it appears on pointer enter and hides on pointer leave or click.
Focus based
In this instance, the tooltip is bound to show on its anchor focus and will hide when its anchor is blurred.
Try to navigate with a Tab key to the anchor to see the effect.
Same trigger(s) for showing and hiding
The same trigger can be bound to both show and hide the tooltip. The button below has its tooltip bound to show/hide on click.
Keyboard interactions
Keyboard interactions are also supported. The button below has its tooltip bound to show on a keypress and hide on a keypress or blur.
Try it out by focusing the button and pressing a key.
Custom events
The tooltip supports any DOM event, including custom events. Try entering a value in the input below, then "commit" it by either blurring the input or pressing Enter.