Tooltips and Popovers

Add short hints or messages that better describe the item that is being interacted with.

Tooltips  Code

A tooltip is a message that appears when a mouse cursor is positioned over an element. Examples include abbreviations and buttons with an icon and no link text. Tooltip text is limited to a single statement.

Popovers  Code

A popover is a message that appears when an element is clicked. Popover text includes a title and a message.