The Avatar components display a user's profile picture or fallback initials. Use the composable `Avatar`, `AvatarImage`, and `AvatarFallback` primitives when you need full control, or `ImageAvatar` for the common image-with-fallback case.
## Component Structure
```rust
Avatar {
aria_label: "Jane Doe",
AvatarImage {
src: "https://example.com/avatar.png",
alt: "Jane Doe",
}
AvatarFallback { "JD" }
}
```
```rust
ImageAvatar {
src: "https://example.com/avatar.png",
alt: "Jane Doe",
on_state_change: |state: AvatarState| { /* image is loading/loaded/failed */ },
"JD"
}
```