# Tooltip

> Tooltip UI component reference — positioning, accessibility, trigger patterns, animation. Use when implementing tooltips, popovers, or contextual help overlays in web interfaces.

- Skill: `bytesagain/tooltip` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add bytesagain/tooltip`
- Raw SKILL.md: https://api.skillmd.com/api/skills/bytesagain/tooltip/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Marketing & Growth
- Author: bytesagain (https://skillmd.com/u/bytesagain)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/bytesagain/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*