LiteAdminmenu

account_circle
John Doe


feedbackTooltip

Basic

You can add tooltips to any element you like. Just add a tooltip class to it, and by default the title attribute will be used as the message.




Custom message attribute

If you need to use the element's title for another purpose, or if you don't want the default browser's behavior of the title appearing together with the tooltip, you can use the data-tooltip instead of the title attribute.




Placement

You can change the default placement of the tooltip (top) with the classes tooltip-left, tooltip-right and tooltip-bottom.




Alignment

By default, the tooltip is aligned at the center of the trigger. You can change this by using the classes tooltip-start and tooltip-end, so the tooltip will be aligned at the start (top or left) or end (bottom or right) limit of the trigger.

Try it:


Top


Left


Right


Bottom