A small popup that appears on hover/focus to provide supplementary information. Tooltips display contextual help, hints, or abbreviation expansions without blocking content. Position is controlled via the align property (top default, right/bottom/left available). Use tooltips for: - Explaining icon buttons or abbreviated text - Providing additional context about UI elements - Displaying keyboard shortcuts or help hints - Clarifying form fields or complex controls Note: This is a presentational component. Wrapping logic and trigger handling is typically implemented by the consuming application (show on hover, focus, etc.).

Slots

Interactive Documentation

Full interactive examples, variant previews, accessibility audits, and the complete API reference are available in Storybook — generated directly from the component source code.

Source

packages/eddie-web-components/components/tooltip/tooltip.ts