Summary
Update `` to implement the PatternFly v6 Button component.
Clickable action trigger with variants (primary, secondary, tertiary, danger, warning, plain, link, control) and states (disabled, loading).
Prior Art
| Source |
Element |
Status |
| PFE v4 |
`` |
Exists |
| cem |
`` |
Exists |
| cockpit |
`` |
Exists |
| chickadee |
`` |
Exists |
Notes
- Should be a Form-Associated Custom Element (FACE) for submit/reset behavior
- Use ElementInternals for form association and ARIA
Requirements
- MUST implement PFv6 visual designs
- MUST provide end-user feature parity with `@patternfly/react-core` Button
- 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 `variant`: `primary`, `secondary`, `tertiary`, `danger`, `warning`, `plain`, `link`, `control`, `stateful` - verify `stateful` is new in v6
- React `size`: `sm`, `lg` (no prop = default/md)
- React `isLoading` - shows spinner; integrates with ``; button text shifts or hidden
- React `icon`, `iconPosition`: `start`, `end` - integrates with ``
- React `isBlock` - full-width button; map to `block` attribute
- React `component` prop (`button`, `a`) - web component approach: render `` normally, expose `href` attribute which switches to `` rendering
- React `isAriaDisabled` - visually disabled but focusable and announces reason; map to `aria-disabled` attribute (do NOT set `disabled` on inner element)
- `type`: `button`, `submit`, `reset` - default `button` to avoid accidental form submission
- FACE: form submission via `type="submit"`, reset via `type="reset"`
Checklist
Rename
Implementation
Demos
Tests
Reviews
Ship
Summary
Update `` to implement the PatternFly v6 Button component.
Clickable action trigger with variants (primary, secondary, tertiary, danger, warning, plain, link, control) and states (disabled, loading).
Prior Art
Notes
Requirements
Element-specific considerations
Checklist
Rename
Implementation
Demos
Tests
Reviews
Ship