Dual Side Panels

This page demonstrates two side panels working simultaneously - one on the left and one on the right.

Try toggling each panel independently using the arrow buttons.

Features

• Left panel defaults to left side
• Right panel uses side="right" attribute
• Both panels can be collapsed/expanded independently
• Main content automatically adjusts margins for both panels
• Toggle arrows point correctly for each side

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.