Summary
Update `` to implement the PatternFly v6 Hint component.
Contextual hint block with title, body, and optional footer actions, used inline within page content.
Prior Art
| Source |
Element |
Status |
| PFE v4 |
`` |
Exists |
| cem |
-- |
-- |
| cockpit |
-- |
-- |
| chickadee |
`` |
Exists |
Requirements
- MUST implement PFv6 visual designs
- MUST provide end-user feature parity with `@patternfly/react-core` Hint
- 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
- React sub-components: `HintTitle`, `HintBody`, `HintFooter` - use named slots: `slot="title"`, `slot="footer"`; default slot for body
- React `HintTitle` has `headingLevel` prop (`h1`-`h6`) and `hasTitle` (icon variant) - consider `heading-level` attribute or slotted heading element
- No interactive behavior; purely presentational block
- Verify if v6 changed the sub-component structure vs v5
Checklist
Rename
Implementation
Demos
Tests
Reviews
Ship
Summary
Update `` to implement the PatternFly v6 Hint component.
Contextual hint block with title, body, and optional footer actions, used inline within page content.
Prior Art
Requirements
Element-specific considerations
Checklist
Rename
Implementation
Demos
Tests
Reviews
Ship