1 unstable release
Uses new Rust 2024
new 0.0.1 | May 2, 2025 |
---|
#156 in #dioxus
82 downloads per month
38KB
378 lines
🎬 Demo
Framework | Live Demo |
---|---|
Yew | |
Dioxus | TODO |
Leptos | TODO |
📜 Intro
Sidebar is a highly optimized, feature-rich sidebar component built for WASM-based frameworks like Yew, Dioxus, and Leptos. It supports nested menus, user profiles, collapsibility, submenus, badges, and full styling control.
🤔 Why Use Sidebar?
These standout features make Sidebar the best choice for any WASM UI:
- 🎛️ Full Customization: Every part, menu items, header, logo, profile, layout, is styleable via props.
- 🧱 Modular Design: Use only the pieces you need:
Sidebar
,Menu
,MenuItem
,Submenu
,Profile
, orLogo
. - 🔁 Dynamic Interaction: Update the selected menu item using
UseStateHandle
or attachon_logout
handlers. - 🧩 Composable: Nest submenus, inject icons, or toggle visibility based on context.
- 📐 Accessible UI: Designed with screen readers in mind.
Yew Usage
Refer to our guide to integrate this component into your Yew app.
🧬 Dioxus Usage (TODO)
Refer to our guide to integrate this component into your Dioxus app.
🌱 Leptos Usage (TODO)
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 Sidebar better.
- Fork the repository.
- Create a new branch for your feature/bugfix.
- Submit a pull request for review.
📜 License
Sidebar is licensed under the MIT License. You are free to use, modify, and distribute this library in your projects.
Dependencies
~7–20MB
~284K SLoC