Summary
Update `` to implement the PatternFly v6 Progress stepper component.
Multi-step progress indicator showing completed, current, and pending steps with status icons.
Prior Art
| Source |
Element |
Status |
| PFE v4 |
`` |
Exists |
| cem |
-- |
-- |
| cockpit |
-- |
-- |
| chickadee |
`` |
Exists |
Sub-components
- `` - Individual step with status and description
Requirements
- MUST implement PFv6 visual designs
- MUST provide end-user feature parity with `@patternfly/react-core` ProgressStepper
- 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 `isVertical` - stacks steps vertically; map to `vertical` attribute
- React `isCompact` - reduced spacing; map to `compact` attribute
- React `isCenterAligned` - centers step labels; map to `center` attribute
- `ProgressStepperStep` props: `variant` (`default`, `info`, `warning`, `success`, `danger`), `isCurrent`, `id`, `titleId`, `description`, `popoverRender` (info popover on step)
- ARIA: `role="list"` on container, `role="listitem"` on steps; `aria-label` on stepper
- `isCurrent` step should have `aria-current="step"`
- Icons come from `` - dependency
Checklist
Rename
Implementation
Demos
Tests
Reviews
Ship
Summary
Update `` to implement the PatternFly v6 Progress stepper component.
Multi-step progress indicator showing completed, current, and pending steps with status icons.
Prior Art
Sub-components
Requirements
Element-specific considerations
Checklist
Rename
Implementation
Demos
Tests
Reviews
Ship