ui-component

tooltip

v1.0.0

Patrón WAI-ARIA Tooltip (scratch build) — envuelve el primer Element child del consumidor como trigger, abre en hover (con openDelay) y en focus (inmediato), se cierra con Escape sin sacar el foco del trigger, y también en blur o mouseleave real. shadow:false para que aria-describedby del trigger pueda apuntar al id del tooltip.

Instalar

Preview

Uso

react
django-template

Detalles del spec

Entrada cruda del registry
{
  "name": "tooltip",
  "type": "ui-component",
  "metadata": {
    "level": 2,
    "description": "WAI-ARIA Tooltip pattern (scratch build) — wraps the consumer's first Element child as the trigger, opens on hover (with openDelay) and focus (immediate), dismisses on Escape while keeping the trigger focused, and closes on blur or genuine mouseleave. shadow:false so aria-describedby on the trigger can reference the tooltip's id.",
    "author": "neo",
    "version": "1.0.0",
    "created_at": "2026-08-26",
    "dependencies": [],
    "translations": {
      "es": {
        "description": "Patrón WAI-ARIA Tooltip (scratch build) — envuelve el primer Element child del consumidor como trigger, abre en hover (con openDelay) y en focus (inmediato), se cierra con Escape sin sacar el foco del trigger, y también en blur o mouseleave real. shadow:false para que aria-describedby del trigger pueda apuntar al id del tooltip."
      }
    }
  },
  "spec": {
    "tech": "stencil",
    "tag": "ds-tooltip",
    "tokens_used": [
      "font.family",
      "font.size-md",
      "spacing.xs",
      "spacing.sm",
      "radius.sm"
    ]
  }
}