tooltip

# Tooltip — Tooltip UI Component Reference Quick-reference skill for tooltip design, positioning logic, accessibility, and implementation patterns. ## When to Use - Adding contextual help text to UI elements - Implementing hover/focus information overlays - Choosing between tooltips, popovers, and toggletips - Making tooltips accessible to keyboard and screen reader users - Handling tooltip positioning and collision detection ## Commands ### `intro` ```bash scripts/script.sh intro ``` Tooltip overview — types, when to use, tooltip vs popover vs toggletip. ### `anatomy` ```bash scripts/script.sh anatomy ``` Tooltip anatomy — trigger, content, arrow, positioning, delay. ### `positioning` ```bash scripts/script.sh positioning ``` Positioning logic — placement options, collision detection, flip and shift. ### `accessibility` ```bash scripts/script.sh accessibility ``` Accessibility — ARIA patterns, keyboard support, screen readers, touch devices. ### `triggers` ```bash scripts/script.sh triggers ``` Trigger patterns — hover, focus, click, long-press, programmatic. ### `content` ```bash scripts/script.sh content ``` Content guidelines — what belongs in tooltips, writing style, rich content. ### `css` ```bash scripts/script.sh css ``` CSS implementation — positioning, animations, arrow rendering, theming. ### `checklist` ```bash scripts/script.sh checklist ``` Tooltip design and implementation checklist. ### `help` ```bash scripts/script.sh help ``` ### `version` ```bash scripts/script.sh version ``` --- *Powered by BytesAgain | bytesagain.com | hello@bytesagain.com*