Metronic | Tooltip

Hi, Sean

Tooltip

Components Base Tooltip

Metronic extends Bootstrap Tooltip component with a variety of options to provide uniquely looking Tooltip component that matches the Metronic's design standards.
For more info please visit the plugin's Documentation.

Basic Examples

Basic Usage

Click below button to toggle tooltip:

Directions

Four direction options are available: top, right, bottom, and left aligned:

Dismiss on next click

Use the focus trigger to dismiss tooltips on the next click that the user makes.

Dismissible tooltip

Advanced Examples

HTML Content

Insert HTML into the tooltip:

Offset

Offset of the tooltip relative to its target. For more information refer to Tether's offset docs.

Skin

Use data-skin="light", data-skin="brand" or data-skin="dark" parameters to set tooltip skin. Default skin is light.

Custom

Layout

Components

CRUD

Task Reports

Profit Margins

Staff Management

Tools

Tooltip

Basic Examples

Basic Usage

Directions

Dismiss on next click

Advanced Examples

HTML Content

Offset

Skin

Select A Demo

Custom

Layout

Components

CRUD

Task Reports

Profit Margins

Staff Management

Tools

User Notifications 23 new

User Quick Actions 23 tasks pending

My Cart

Tooltip

Basic Examples

Basic Usage

Directions

Dismiss on next click

Advanced Examples

HTML Content

Offset

Skin

Select A Demo