Tooltip
Contextual information displayed on hover
Tooltip Positions
Tooltips can be placed on any side of the trigger element.
Tooltip on Icons
Icon buttons with descriptive tooltips for accessibility.
Color Tooltips
Tooltips with different colored backgrounds to convey semantic meaning.
Tooltip Sizes
Different sized tooltips for varying levels of detail and emphasis.
Size Reference
Profile Tooltip Cards
Hover over avatars to reveal detailed user profile previews.
Sarah Chen
Product Designer
Marcus Rivera
Lead Developer
Emily Watson
Marketing Lead
Alex Kim
Data Scientist
Product Preview Tooltips
Hover over product links to see a quick preview with image and details.
Best SellerWireless Headphones
NewMechanical Keyboard
PopularMinimalist Watch
Tooltip on Table Actions
Action buttons in tables with descriptive tooltips for better usability.
| User | Role | Status | Activity | Actions |
|---|---|---|---|---|
| Alice Johnson |
Frontend Dev | Active | 2 min ago | View profile Edit user Delete user |
| Bob Smith |
Backend Dev | Active | 1 hour ago | View profile Edit user Delete user |
| Carol White |
Designer | Active | 3 hours ago | View profile Edit user Delete user |
Rich Content Tooltips
Tooltips with structured content, including formatted text and interactive elements.
John Doe
Senior Frontend Developer
john@example.com
Keyboard Shortcuts
Pro Feature
This feature is only available on Pro and Enterprise plans. Upgrade to unlock advanced capabilities.
Tooltip Styles
Different visual styles to match various UI contexts.
Premium Feature Tooltips
Upgrade prompts and locked feature hints displayed on hover.
Upgrade to Pro
Starting at $12/mo
AI Smart Assist
PROAI-powered suggestions and auto-completions to boost your productivity.
50% Off Annual
Get our annual Pro plan at half price. Offer expires soon!
Analytics Tooltips
Stats and metrics that expand with details on hover.
Revenue
$48.2k
+12.5%Revenue
+12.5%Previous
$42.8k
Target
$50k
Users
2,847
+8.3%Users
+8.3%Previous
2,628
Target
3,000
Bounce Rate
24.5%
-3.2%Bounce Rate
-3.2%Previous
27.7%
Target
<25%
Conversion
3.8%
+0.4%Conversion
+0.4%Previous
3.4%
Target
4.0%
Event Tooltips
Calendar events and schedule details revealed on hover.
Team Standup
9:00 AM
Team Standup
Today
Attendees (3)
Design Review
2:00 PM
Design Review
Today
Attendees (2)
Sprint Planning
4:30 PM
Sprint Planning
Today
Attendees (4)
Status & Badge Tooltips
Hover over status badges and indicators for more context.
All Systems Operational
Last checked: 2 minutes ago
Performance Warning
Response times are higher than usual. Our team is investigating the issue.
Verified Account
This account has been verified through email confirmation and identity verification.
Verified since Jan 15, 2024
Pro Member
This user has an active Pro subscription with full access to premium features.
Image Preview Tooltips
Hover over links or thumbnails to see full image previews.
Mountain Vista
2.4 MB
Mountain Vista
1920x1080 - 2.4 MB
Ocean Beach
3.1 MB
Ocean Beach
2560x1440 - 3.1 MB
Forest Path
1.8 MB
Forest Path
1920x1080 - 1.8 MB