Svelte Materialify

Tooltips

The Tooltip component is useful for conveying information when a user hovers over an element. You can also programmatically control the display of tooltips through a bind:active. When activated, tooltips display a text label identifying an element, such as a description of its function.

API

Tooltip

Usage

Caveats

In order for Tooltip to be positioned correctly a position prop (top|bottom|left|right) is required

Examples

Alignment

A tooltip can be aligned to any of the four sides of the activator element.

Visibility

Tooltip visibility can be programmatically changed using bind:active.

Ready For More?

Continue to learn more about svelte materialify with content selected by the creator.

Edit This Page on GitHub

Last Updated: 2022-10-03