Expand description
§🎬 Demo
| Framework | Live Demo |
|---|---|
| Yew | |
| Dioxus | |
| Leptos |
§📜 Intro
A highly customizable, accessible avatar component for WASM frameworks: Yew, Dioxus, and Leptos. Supports image loading with automatic fallback content, multiple sizes, color themes, and full WCAG compliance.
§🤔 Why Avatar?
- 🎨 Fully Customizable: Control every attribute, class, style, size, color, variant, ARIA labels and more.
- 🖼️ Smart Image Loading: Tracks
idle → loading → loaded/errorstatus with context. Fallback is shown until the image is ready. - ⏱ Delay Support: Prevent flash-of-fallback on fast connections with
delay_ms. - ♿ Accessible by Default:
role="img",aria-label,aria-hiddenwired up automatically. - 🧩 Framework Agnostic: Same API semantics across Yew, Dioxus, and Leptos.
§Y Yew Usage
Refer to our guide to integrate this component into your Yew app.
§🧬 Dioxus Usage
Refer to our guide to integrate this component into your Dioxus app.
§🌱 Leptos Usage
Refer to our guide to integrate this component into your Leptos app.
§🤝 Contributions
Contributions are welcome! Whether it’s bug fixes, feature requests, or examples, we would love your help to make Avatar better.
- Fork the repository.
- Create a new branch for your feature/bugfix.
- Submit a pull request for review.
§📜 License
Avatar is licensed under the MIT License. You are free to use, modify, and distribute this library in your projects.
Re-exports§
pub use common::Color;pub use common::ImageLoadingStatus;pub use common::Overlap;pub use common::Size;pub use common::Variant;