Tooltip
Enhanced tooltip component with smooth animations, intelligent positioning, and premium features. Display helpful information on hover with style.
Pro Features
Unlock advanced capabilities with the Pro version
Advanced Animations
Spring physics, bounce effects, and custom transitions
Smart Positioning
AI-powered positioning that adapts to viewport and content
Interactive Content
Support for interactive elements inside tooltips
Multi-device Support
Touch-friendly tooltips for mobile and tablet devices
Custom Delays
Fine-grained control over show/hide delays and animations
Keyboard Navigation
Full keyboard support with customizable shortcuts
Installation
Install via CLI
moonui add tooltipUsage
Basic Usage
Pro Usage
Examples
Basic Tooltip
Simple tooltip with text content
Icon Buttons with Tooltips
Tooltips for icon-only buttons
Positioning
Different tooltip positions
Rich Content
Tooltips with formatted content
Table Actions
Tooltips in data tables
| Name | Size | Modified | Actions |
|---|---|---|---|
| Document.pdf | 2.5 MB | 2 hours ago | |
| Image.png | 1.2 MB | Yesterday | |
| Video.mp4 | 15 MB | Last week |
Interactive Tooltip with Rich Content
Tooltips with formatted content, icons, and interactive buttons
Animated Gradient Tooltips
Tooltips with gradient backgrounds and smooth animations
Tooltip with Progress Indicator
Show progress or loading states in tooltips
Multi-step Tutorial Tooltips
Connected tooltips for onboarding flows
Command Palette Tooltip
Keyboard shortcuts display with command palette style
Status Indicator Tooltips
Show live status updates with real-time data
Image Preview Tooltip
Show image thumbnails and metadata on hover
Form Validation Tooltips
Show validation errors with rich styling and real-time feedback
Create Account
Please fill out the form below