Welcome to Dashboard
This is a dynamic sidebar demo. You can:
🎨 Theme Variants
Switch between different theme variants using the dropdown above.
📱 Responsive
The sidebar is fully responsive and works on all screen sizes.
🔐 Permissions
Menu items are filtered based on user permissions.
📊 Nested Menus
Support for nested menu items with smooth animations.
🏷️ Badges
Display notifications and counts with colored badges.
⚡ Dynamic
Configure the sidebar using JSON data for easy customization.
JSON Configuration Example:
[
{
"id": "dashboard",
"title": "Dashboard",
"icon": "dashboard",
"link": "/dashboard",
"isParent": false
},
{
"id": "users",
"title": "Users",
"icon": "users",
"isParent": true,
"children": [
{
"id": "all-users",
"title": "All Users",
"icon": "list",
"link": "/users"
},
{
"id": "add-user",
"title": "Add User",
"icon": "plus",
"link": "/users/create"
}
]
},
{
"id": "products",
"title": "Products",
"icon": "products",
"isParent": true,
"children": [
{
"id": "all-products",
"title": "All Products",
"icon": "list",
"link": "/products"
},
{
"id": "add-product",
"title": "Add Product",
"icon": "plus",
"link": "/products/create"
},
{
"id": "categories",
"title": "Categories",
"icon": "package",
"link": "/products/categories"
}
]
}
]