Layout
Responsive Behavior
EdgePane is fully responsive and adapts automatically to desktop, tablet, and mobile devices.
- On mobile/tablet:
- Sidebar is
hiddenby default .egp-sidebar-overlayappears when sidebar is open- Toggling works via
.egp-sidebar-togglebutton - On desktop:
- Sidebar state (
open|closed) is respected - Overlay is not used, sidebar stays docked
- Hover expand works when
hoverExpand: trueis set
💡 Tips
- Use
sidebarState: "open"or"closed"in config for default desktop behavior - On mobile, sidebar will always start
closedfor better UX - Customize breakpoints via media queries if needed