Summary
Update `` to implement the PatternFly v6 Search input component.
Search field with optional result count, navigation buttons, and expandable/advanced variants.
Prior Art
| Source |
Element |
Status |
| PFE v4 |
`` |
Exists |
| cem |
-- |
-- |
| cockpit |
-- |
-- |
| chickadee |
-- |
-- |
Requirements
- MUST implement PFv6 visual designs
- MUST provide end-user feature parity with `@patternfly/react-core` SearchInput
- 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 `value`, `placeholder`, `onChange` - core text input; integrates with inner `` or native input
- React `resultsCount` - shows "N results" badge next to input; map to `results-count` attribute
- React `onNextClick`, `onPreviousClick` - prev/next result navigation buttons; emit `next` / `previous` events
- React `onClear` - clear button; emit `clear` event
- React `isExpandable` - collapsed to icon button, expands on click; map to `expandable` attribute
- React `expandedBody` / `resetButtonLabel` - expandable advanced search form; verify v6 scope
- React `hint` - hint text shown below/beside input
- ARIA: `type="search"` on inner input; clear button needs `aria-label`; result count should update `aria-live` region
Checklist
Rename
Implementation
Demos
Tests
Reviews
Ship
Summary
Update `` to implement the PatternFly v6 Search input component.
Search field with optional result count, navigation buttons, and expandable/advanced variants.
Prior Art
Requirements
Element-specific considerations
Checklist
Rename
Implementation
Demos
Tests
Reviews
Ship