tooltip
v1.0.0WAI-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.
Install
Preview
Usage
react
django-template
Spec details
Raw registry entry
{
"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"
]
}
}