1.0.2 • Published 7 years ago
resizable-drawer v1.0.2
resizable-drawer.js
A simple implementation of a resizable drawer using only native JS and CSS.
Includes support for ES6, ES5, AMD, CommonJS, and global inclusion via an HTML script tag and is mobile friendly!.
Install
- NPM:
$ npm install --save resizable-drawer
- Bower:
$ bower install --save resizable-drawer
- CDN - ES6:
<script src="//unpkg.com/resizable-drawer@1.0.2/dist/resizable-drawer.js"></script>
<link rel="stylesheet" type="text/css" src="//unpkg.com/resizable-drawer@1.0.2/dist/resizable-drawer.min.css">
- CDN - ES5:
<script src="//unpkg.com/resizable-drawer@1.0.2/dist/resizable-drawer.es5.js"></script>`
<link rel="stylesheet" type="text/css" src="//unpkg.com/resizable-drawer@1.0.2/dist/resizable-drawer.min.css">
Basic Usage
JavaScript
import ResizableDrawer from 'resizable-drawer';
let myResizableDrawer = new ResizableDrawer(document.querySelector('#myResizableDrawerElement'));
...
myResizableDrawer.destroy();
HTML
<link rel="stylesheet" type="text/css" src="resizable-drawer.min.css">
...
<div id="myResizableDrawerElement" class="resizable-drawer">
<div class="resizable-drawer-content">...</div>
<div class="resizable-drawer-handle">…</div>
</div>
Advanced Usage
JavaScript
import ResizableDrawer from 'resizable-drawer';
let myResizableDrawer = new ResizableDrawer({
el: document.querySelector('#myResizableDrawerElement'),
startEnabled: false,
startOpen: false
});
...
myResizableDrawer.destroy();
HTML
<link rel="stylesheet" type="text/css" src="resizable-drawer.min.css">
...
<div id="myResizableDrawerElement" class="resizable-drawer">
<div class="resizable-drawer-content">...</div>
<div class="resizable-drawer-handle">…</div>
</div>
Building the Project
The project is built using Gulp.js. To install Gulp.js, see the Gulp.js "Getting Started" docs.
Run the following at the root of the project for a list of available gulp tasks:
$ gulp help
1.0.2
7 years ago
1.0.1
7 years ago
1.0.0
8 years ago
1.0.0-beta.13
8 years ago
1.0.0-beta.12
8 years ago
1.0.0-beta.11
8 years ago
1.0.0-beta.10
8 years ago
1.0.0-beta.9
8 years ago
1.0.0-beta.8
8 years ago
1.0.0-beta.7
8 years ago
1.0.0-beta.6
8 years ago
1.0.0-beta.5
8 years ago
1.0.0-beta.4
8 years ago
1.0.0-beta.3
8 years ago
1.0.0-beta.2
8 years ago
1.0.0-beta.1
8 years ago
1.0.0-beta.0
8 years ago
1.0.0-alpha.2
8 years ago
1.0.0-alpha.1
8 years ago
1.0.0-alpha.0
8 years ago