Dashboard Layout

A complete dashboard layout with a fixed sidebar navigation, user profile section, and main content area. Responsive design with mobile menu toggle.

Configuration Options

The sidebar component offers several configuration options:

• collapsible: "offcanvas" | "icon" | "none"
• variant: "sidebar" | "floating" | "inset"
• side: "left" | "right"

export function DashboardSidebar(props) {
  return (
    <Sidebar collapsible="icon" variant="sidebar" side="left" {...props}>
      {/* Your dashboard content */}
    </Sidebar>
  );
}

Multiple Variants

The dashboard sidebar layout includes several pre-designed views:

Tips

• Customize the sidebar links to match your application's structure
• Use consistent icons for better visual recognition
• Keep the most important navigation items at the top