EdgePane Documentation

View on GitHub

Introduction

Getting Started with EdgePane

Current Version: v1.0.8

HTML5 Badge CSS3 Badge jQuery Badge GitHub Badge Version 1.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:

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.matchMedia for better alignment with CSS media queries.