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.

Hover over me I am show on pointer enter and hidden on pointer leave and/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.

Focus me I am shown on focus and hidden on blur.

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.

Click I am show on click and will hide on anchor 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.

Press a key I am shown on a keypress and will hide on a keypress or blur.

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.

Value changed!