Tooltip

Pages

Users

Products

Samsung Galaxy S20 Ultra

Notifications

Russell Crowe

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

Brad Pitt

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

05:09 AM

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

Johnny Depp

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

Sylvester Stallone

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

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-4.jpg"HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="ml-4 mr-auto"HTMLCloseTag HTMLOpenTagdiv class="font-medium dark:text-gray-300 leading-relaxed"HTMLCloseTagArnold SchwarzeneggerHTMLOpenTag/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