Core components

4 :

💡

Tooltips

Small pop-up boxes that display information when a user hovers over an element. A simple and effective way to provide extra context without cluttering the interface.

Tooltip on a Hovered Icon

A small text tooltip that appears when a user hovers over an icon button.

Tooltip with an Arrow Pointer

A tooltip that has a small arrow pointing to the element it is describing.

Informational Tooltip on a Form Label

A tooltip, often triggered by a question mark icon next to a form label, that provides more information.

Tooltip Triggered by a Click

A tooltip that appears when a user clicks on an element, and is dismissed by clicking away.