Tool Tip

A Tool Tip is a text-based, non-modal popup that appears when a UI control is in the focus state. Tool Tips help provide more information about the control that is currently in focus state.

Behaviours & States


A Tool Tip is comprised of a Body, a Tip and the Content within. The Content is always text based, centered within the Body, and concise as possible. The Tool Tip can be positioned either above/below or left/right of the UI control with the tip center aligned to the control, indicating which UI control the Tool Tip is referencing.


UI controls can display a Tool Tip when in the focus state. When that same control loses focus, the Tool Tip will disappear. The default can be customized, so that the Tool Tip displays instantly or have a longer delay.