pp-drawer.js

Check Example

Getting Started

In the web project include pp-drawer.js with:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pp-drawer.js@1.0.6/pp-drawer.min.css">
<script src="https://cdn.jsdelivr.net/npm/pp-drawer.js@1.0.6/pp-drawer.min.js" ></script>

Or

Install

npm i pp-drawer.js --save

Initialize

<div drawer-id="main" class="pp-drawer hidden_drawer drawer-shadow"></div>
<div drawer-id="main" class="pp-drawer-scrim hidden"></div>

// Declare drawer
var drawer = new ppDrawer("main")

Methods

open: [Function]

drawer.open();

close: [Function]

drawer.close();

scrimClose: [Function]

Default value true

drawer.scrimClose(false);

isOpen: [Function]

drawer.isOpen();