Skip to content

Tooltip component #4518

Description

@xelaint

Feature description

A new @daffodil/design component called tooltip that positions itself below an interactive control in a centered alignment. It's a reusable tooltip that surfaces brief, supplementary text when a user hovers or focuses an element, without disrupting the page flow.

  • Trigger interactions — show on hover and keyboard focus; hide on mouse-leave, blur, and ESC.
  • Positioning — a defined set of placements (e.g. above / below / before / after) relative to the host.
  • Accessibility — association between trigger and tooltip for screen readers, appropriate semantics, keyboard-dismissible, non-focus-stealing.
  • Disabled state — ability to suppress the tooltip.

Use case

No response

Prior work

No response

Daffodil version

0.92.3

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Fields

    No fields configured for Feature.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions