A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
Installation
CLI
Install the component using the StarUI CLI:
Examples
Toolbar with Shortcuts
Icon buttons with keyboard shortcut hints
Tooltip Positions
Control which side the tooltip appears on with the side prop
Disabled Button
Explain why a button is disabled
Form Field Helper
Add format hints to form inputs
Truncated Text
Reveal the full content of truncated text on hover
fix: resolve race condition in WebSocket reconnection handler when multiple tabs are open simultaneously
Status Indicators
Add context to status dots and deployment states
Production
Staging
Preview
API Reference
| Component | Description |
|---|---|
Tooltip |
Main container component that manages tooltip state |
TooltipTrigger |
Element that triggers tooltip display on hover/focus |
TooltipContent |
The actual tooltip content with positioning and styling |
TooltipProvider |
Optional provider for tooltip configuration (currently unused) |