EdgePane Documentation

CDNs

Including Required Libraries

You can include EdgePane either by using jsDelivr CDN links or by downloading the files locally. Place all required CSS links inside the <head>, and load the scripts just before the closing </body> tag, making sure to include jQuery first and then EdgePane.

1. Using jsDelivr URLs

Pro Tip: When using CDNs, we recommend using the @v1 alias. This ensures your project automatically stays up-to-date with the latest stable bug fixes and improvements within the version 1 series, without requiring manual link updates.

EdgePane CSS

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ezex377/EdgePane@v1/dist/edgepane.min.css" />

EdgePane JS

<script src="https://cdn.jsdelivr.net/gh/ezex377/EdgePane@v1/dist/edgepane.min.js"></script>

2. If Downloaded Locally

Grab the latest build files from the dist/ folder in the EdgePane repository

edgepane.min.css
edgepane.min.js

and place them in your project (e.g., assets/edgepane/file_name).

EdgePane CSS

<link rel="stylesheet" href="assets/edgepane/edgepane.min.css" />

EdgePane JS

<script src="assets/edgepane/edgepane.min.js"></script>

3. Required Libraries

jQuery (3.x+)

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

Both methods work the same. Use jsDelivr for quick setup, or local files if you prefer offline usage or have them bundled in your project.

Previous Next