UI: Components

Tooltip

A tooltip is a small, floating box that appears to explain a UI element when hovered over or focused on.

A tooltip can be below content as well as above content.

Triangle / Tail

A tooltip can have a triangle below content as well as above content.

Underline and cursor

A tooltip can have an underline as well as a help cursor — or a combination


With opposite color-scheme

A tooltip can be below content as well as above content.

Triangle / Tail

A tooltip can have a triangle below content as well as above content.

Underline and cursor

A tooltip can have an underline as well as a help cursor — or a combination


With right-to-left

A tooltip can be below content as well as above content.

Triangle / Tail

A tooltip can have a triangle below content as well as above content.

Underline and cursor

A tooltip can have an underline as well as a help cursor — or a combination