Tooltip
A popup that displays information related to an element with smooth, organic styling.
Basic Usage
Hover over the icon to see the tooltip
Animation Variants
Different entrance and exit animations using framer-motion.
Delay Variants
Control how quickly the tooltip appears.
Style Variants
Positions
Animated Positions
Slide animations that follow the tooltip direction.
Icon Buttons with Tooltips
With Keyboard Shortcuts
Display keyboard shortcuts alongside action descriptions.
Multi-line Content
Status Indicators
Tooltips with status information and icons.
Online
Busy
Offline