Summary
Update `` to implement the PatternFly v6 Tooltip component.
Text popup on hover/focus for supplementary information, with configurable position and delay.
Prior Art
| Source |
Element |
Status |
| PFE v4 |
`` |
Exists |
| cem |
-- |
-- |
| cockpit |
-- |
-- |
| chickadee |
-- |
-- |
| portable-genie |
`` |
Exists |
Requirements
- MUST implement PFv6 visual designs
- MUST provide end-user feature parity with `@patternfly/react-core` Tooltip
- MAY adjust element API to leverage web platform strengths
- SHOULD maintain CSS custom property theming compatibility
- SHOULD expose useful CSS shadow parts
Element-specific considerations
- Uses Floating UI for positioning; already a v5 dep - verify version bump needed for v6
- React `position`: `top`, `bottom`, `left`, `right`, `top-start`, `top-end`, etc. (12 values)
- React `trigger`: space-separated string, e.g. `"mouseenter focus"` - map to `trigger` attribute
- React `entryDelay`, `exitDelay` (ms) - map to attributes
- React `distance` (offset from target) - CSS custom property preferred
- React `flipBehavior` - Floating UI flip middleware options
- React `maxWidth` - CSS custom property preferred
- React `reference` prop (programmatic trigger target) - consider `for` attribute pattern (like ``)
- Tooltip MUST NOT receive focus itself (content only); trigger element holds focus
Checklist
Rename
Implementation
Demos
Tests
Reviews
Ship
Summary
Update `` to implement the PatternFly v6 Tooltip component.
Text popup on hover/focus for supplementary information, with configurable position and delay.
Prior Art
Requirements
Element-specific considerations
Checklist
Rename
Implementation
Demos
Tests
Reviews
Ship