Component App Sidebar

The App Sidebar component provides a responsive and customizable navigation sidebar that can be used to organize your application's navigation structure. It supports both icon-only and expanded states. It is used by default in the user dashboard page.

Tip: Use this component to create intuitive navigation hierarchies in your application. It's particularly effective for applications with deep menu structures or those requiring quick access to different sections.

Import

1import { AppSidebar } from "@/components/app-sidebar/app-sidebar";

For more information about:

• Styling options, check out our Tailwind and shadcn documentation
• Configuration setup, visit Configuration guide
• API integration, see API documentation