Introduction
Getting Started with EdgePane
Current Version: v1.0.8
EdgePane is a lightweight, responsive, and highly customizable sidebar component designed to streamline navigation in modern web applications. It provides an intuitive interface for creating collapsible menus, multi-level dropdowns, and responsive layouts without relying on heavy frameworks.
Built with minimal custom CSS and jQuery, EdgePane is easy to integrate into existing projects.
All classes are prefixed with egp- to ensure compatibility and prevent conflicts with other
styles or libraries.
Whether you’re building dashboards, admin panels, or content-heavy websites, EdgePane adapts seamlessly
to various screen sizes and devices.
Key features include:
- Responsive sidebar that collapses or expands smoothly.
- Multi-level dropdown menus for structured navigation.
- Overlay support for mobile and tablet views.
- Easy theming with custom CSS variables.
- Lightweight footprint ensuring fast page load.
With EdgePane, developers can focus on building functionality while maintaining a clean and organized UI. Its simplicity and modularity make it suitable for both small projects and complex enterprise applications.
Note: You can see a live demo of the sidebar throughout these documentation pages, showing its appearance and behavior in a real usage context.
Changelog
v1.0.8
- Fixed Responsive Sidebar Behavior: Sidebar now correctly closes automatically when switching from desktop to mobile views (below 1024px) without requiring a manual refresh.
- Improved Desktop State Persistence: Added logic to remember and restore the specific sidebar state (open or closed) when returning to desktop view from a smaller screen.
- Breakpoint Synchronization: Switched to
window.matchMediafor better alignment with CSS media queries.