Shadcn Resizable Sidebar

Overview:

The shadcn/ui Resizeable Sidebar is an extended drag-to-resize <Sidebar> component designed for Next.js applications. It comes with features like drag-to-resize functionality, collapsible sidebar with smooth transitions, theme support (light/dark mode), keyboard shortcuts, and persistent state with cookies.

Features:

• Extended everything from shadcn-ui <Sidebar>
• Drag to resize sidebar width
• Collapsible sidebar with smooth transitions
• Theme support (light/dark mode)
• Keyboard shortcuts
• Persistent state with cookies

Installation:

To install the shadcn/ui Resizeable Sidebar theme, follow the steps below:

1. Clone the repository:

   git clone [repository-url]
   

2. Install dependencies:

   npm install
   

3. Run the development server:

   npm run dev
   

4. Open http://localhost:3000 with your browser to view the Resizeable Sidebar in action.

Summary:

The shadcn/ui Resizeable Sidebar is a feature-rich component for Next.js applications, enhancing user experience with drag-to-resize functionality, theme support, keyboard shortcuts, and persistent state handling. It is easy to install and customize, making it a valuable addition to any Next.js project.