Tooltip

Pages

Users

Tom Cruise

tomcruise@left4code.com

Angelina Jolie

angelinajolie@left4code.com

Robert De Niro

robertdeniro@left4code.com

Sylvester Stallone

sylvesterstallone@left4code.com

Products

Notifications

Tom Cruise

05:09 AM

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem

Angelina Jolie

01:10 PM

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 20

Robert De Niro

01:10 PM

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem

Sylvester Stallone

03:20 PM

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 20

Kevin Spacey

01:10 PM

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomi

Basic Tooltip

Show example code

  HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;" class="tooltip button inline-block bg-theme-1 text-white" title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

On Click Tooltip

Show example code

  HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;" data-trigger="click" class="tooltip button inline-block bg-theme-1 text-white" title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

Light Tooltip

Show example code

  HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;" data-theme="light" class="tooltip button inline-block bg-theme-1 text-white" title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

Custom Tooltip Content

Show example code

  HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;" data-theme="light" data-tooltip-content="#custom-content-tooltip" data-trigger="click" class="tooltip button inline-block bg-theme-1 text-white" title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="tooltip-content"HTMLCloseTag HTMLOpenTagdiv id="custom-content-tooltip" class="relative flex items-center py-1"HTMLCloseTag HTMLOpenTagdiv class="w-12 h-12 image-fit"HTMLCloseTag HTMLOpenTagimg alt="Midone Tailwind HTML Admin Template" class="rounded-full" src="dist/images/profile-7.jpg"HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="ml-4 mr-auto"HTMLCloseTag HTMLOpenTagdiv class="font-medium dark:text-gray-300 leading-relaxed"HTMLCloseTagKeanu ReevesHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="text-gray-600"HTMLCloseTagBootstrap 4 HTML Admin TemplateHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

Chart Tooltip

Show example code

  HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;" data-theme="light" data-tooltip-content="#chart-tooltip" data-trigger="click" class="tooltip button inline-block bg-theme-1 text-white" title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="tooltip-content"HTMLCloseTag HTMLOpenTagdiv id="chart-tooltip" class="py-1"HTMLCloseTag HTMLOpenTagdiv class="font-medium dark:text-gray-300"HTMLCloseTagNet WorthHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="flex items-center mt-2 sm:mt-0"HTMLCloseTag HTMLOpenTagdiv class="mr-2 w-20 flex dark:text-gray-600"HTMLCloseTag USP: HTMLOpenTagspan class="ml-auto font-medium text-theme-9"HTMLCloseTag+23%HTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="w-24 sm:w-32 lg:w-56"HTMLCloseTag HTMLOpenTagcanvas class="simple-line-chart-1" data-random="true" height="50"HTMLCloseTagHTMLOpenTag/canvasHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag