Tooltip

Pages

Users

Arnold Schwarzenegger

arnoldschwarzenegger@left4code.com

Angelina Jolie

angelinajolie@left4code.com

Sylvester Stallone

sylvesterstallone@left4code.com

Al Pacino

alpacino@left4code.com

Products

Notifications

Arnold Schwarzenegger

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

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

Sylvester Stallone

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

Al Pacino

01:10 PM

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500

Al Pacino

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

Basic Tooltip

Show 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 code

  HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;" data-event="on-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 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 code

  HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;" data-theme="light" data-tooltip-content="#custom-content-tooltip" data-event="on-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-9.jpg"HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="ml-4 mr-auto"HTMLCloseTag HTMLOpenTagdiv class="font-medium dark:text-gray-300 leading-relaxed"HTMLCloseTagKate WinsletHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="text-gray-600"HTMLCloseTagBootstrap 4 HTML Admin TemplateHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

Chart Tooltip

Show code

  HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;" data-theme="light" data-tooltip-content="#chart-tooltip" data-event="on-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