You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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, or Logo.
🔁 Dynamic Interaction: Update the selected menu item using UseStateHandle or attach on_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.
