Tooltip is a small "hover box" containing information about the item being hovered over. Tooltip appears on hover over an element with the cursor, or focus on an element using a keyboard (usually through the tab key), or upon touch (without releasing) in a touch UI.
It is an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage. Tooltip with zero-length titles is never displayed.
Propeller tooltip uses basic Bootstrap Tooltip customized with Material Standards. To initialize the Propeller Tooltip, add the HTML attribute
.pmd-tooltip to apply propeller theme and animations. To define the tooltip position, use
data-placement attribute can take left, right, top and bottom as values.
Hover over the link below to see tooltip
The table lists some HTML attributes that are required for positioning and styling of the tooltip.
||Defines Propeller theme and animation.||Required|
||To initialize tooltip.||tooltip|
||Defines the position of the tooltip. Values that can be provided are left, right, top or bottom.||left, right, top, bottom|
||Defines the content of the tooltip.||text, HTML|
See here for more documentation on this.
||This event fires immediately when the
||This event is fired when the tooltip has been made visible to the user (will wait for CSS transitions to complete).|
||This event is fired immediately when the
||This event is fired when the tooltip has finished being hidden from the user (will wait for CSS transitions to complete).|
||This event is fired after the