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

Usage

Caveats

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.



Last Updated: 2022-10-03