Purpose

Discovery elements are used to introduce new features.

Colors

discoveryTitle
Used for rich tooltip and modal title
discoveryBackground
Used for simple tooltip background
discoveryLightBackground
Used for rich tooltip background
discoveryHighlight
Used for highlighting elements that contain a tooltip

See Colors.

Simple custom tooltip

New!

Rich custom tooltip

New! Remove filler words
Clouds is focused on the realtime granularization of incoming audio signals, and their transformation into amorphous textures.
With Loom
New! Remove filler words
Clouds is focused on the realtime granularization of incoming audio signals, and their transformation into amorphous textures.

See all Modal options.

Trigger

Use react-laag to position and trigger the tooltip.

Trigger on hover
Open by default

Highlighted elements

Wrap an element with discoveryHighlight color to indicate that it contains a tooltip.