Right Panel Test
This page demonstrates the responsive right panel layout with custom content. Try:
- Toggle the panel open/closed using the button above
- Switch between quarter and half width using the panel controls
- Notice how the main content area adjusts automatically
- Observe the smooth transitions between states
Main Content Area
This area automatically adjusts its width based on the panel state. When the panel is closed, it takes up the full width.
Layout Features
- ✨ Customizable panel content
- 🎚️ Adjustable panel width (1/4 or 1/2)
- 🔄 Smooth transitions
- 📱 Responsive design
- 🎨 Consistent styling with shadcn/ui