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*
标签
skill
ai