Tooltip

Tooltip provides contextual information.

Tooltips are used to provide additional context to an element on a page. Typically they are visualized as an informational icon, and come with a shark fin that points to the source element. They can be opened upon a hover or focus, and close out when the pointer is moved away from the active area. Tooltips often contain brief helper text further explaining the purpose of an element.