Summary
Update `` to implement the PatternFly v6 Avatar component.
User profile image with size variants, border options, and fallback display.
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` Avatar
- 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 `size`: `sm`, `md`, `lg`, `xl`, `2xl` - v6 adds 2xl, verify all sizes
- React `isBordered` boolean - map to `bordered` attribute
- `alt` attribute required on internal `
`; surface as reflected attribute
- `src` attribute for image URL
- Consider fallback (e.g. initials or default SVG) when `src` missing or broken
Checklist
Rename
Implementation
Demos
Tests
Reviews
Ship
Summary
Update `` to implement the PatternFly v6 Avatar component.
User profile image with size variants, border options, and fallback display.
Prior Art
Requirements
Element-specific considerations
Checklist
Rename
Implementation
Demos
Tests
Reviews
Ship