Tooltip
Small informational popup on hover. Pure CSS implementation with arrow indicator.
Basic Tooltips
Hover over icon buttons to see descriptive labels.
Edit this itemDelete permanentlyDownload file
On Text Elements
Tooltips on abbreviations and technical terms.
CSSCascading Style SheetsHTMLHyperText Markup LanguageAPIApplication Programming Interface
Toolbar Pattern
Icon buttons with tooltips forming a text formatting toolbar.
BoldItalicUnderlineLink
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | text | "" | Tooltip label text |
children | content | - | Trigger element (hovered to show tooltip) |