This documentation site is currently using the container variant. Click here to see the full width variant.
The App Layout includes a collapsible sidebar that allows users to toggle its visibility. This feature helps to maximize the available screen space and provides a cleaner interface when the sidebar is not needed.
On mobile devices, the sidebar transforms into a dropdown menu to ensure a seamless user experience. This mobile responsive navigation ensures that all functionalities are accessible even on smaller screens, maintaining usability and accessibility.
Add component:
components/ui/app-layout.tsx