Crate sidebar

🗃️ Sidebar

🎬 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:

1. 🎛️ Full Customization: Every part, menu items, header, logo, profile, layout, is styleable via props.
2. 🧱 Modular Design: Use only the pieces you need: Sidebar, Menu, MenuItem, Submenu, Profile, or Logo.
3. 🔁 Dynamic Interaction: Update the selected menu item using UseStateHandle or attach on_logout handlers.
4. 🧩 Composable: Nest submenus, inject icons, or toggle visibility based on context.
5. 📐 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.

1. Fork the repository.
2. Create a new branch for your feature/bugfix.
3. 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.

Modules

dioxusdio

leptoslep

yewyew

Y Sidebar Yew Usage