Accordions Alerts Avatars Badges Buttons Cards Date & Time Dropdowns Editor Form Inputs Form Controls Modals Progress Bars Selects Spinners Tabs Typography Tooltips Validation Widgets Wizard

Accordions Alerts Avatars Badges Buttons Cards Date & Time Dropdowns Editor Form Inputs Form Controls Modals Progress Bars Selects Spinners Tabs Tooltips Typography Validation Widgets Wizard

Icons

Lucide Default Phosphor Icons Remix Icons

Charts

ApexCharts Chart.js ECharts

Tables

Basic Tables Data Tables

Maps

Leaflet Maps Vector Maps

Authentication

Centered Sidebar

Tooltips & Popovers

Contextual hints and information overlays.

Home
Elements
Tooltips & Popovers

Basic Tooltips

Hover over the buttons to see tooltips in different positions

This is a tooltip

Colored Tooltips

Tooltips with different color schemes

Primary tooltip

Success tooltip

Warning tooltip

Danger tooltip

Info tooltip

Light Theme Tooltips

Tooltips with light background

This is a light tooltip

Helpful information

Popovers

Click-triggered popovers with more content

Popover Title

This is a popover with more detailed content. It can contain multiple lines of text.

Confirm Action

Are you sure you want to proceed with this action?

Quick Feedback

Name

Message

Icon Tooltips

Tooltips on icon buttons

Add to favorites

Download

Delete

Start typing to search apps, documents, or contacts...

Settings

Quick Actions

Appearance

Color Scheme

Account

Notifications