A library agnostic, customizable, CSS animated UI widget. A panel hidden on the edge of the screen or any other element
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo
dist
src
.gitignore
README.md
gulpfile.js
package.json

README.md

mk-drawer

A library agnostic, fully customizable, CSS animated UI widget. You can attach it to any block. You can place it on any side. You can change view of trigger button, or assign any other element as a trigger. Does not impose any constraints on drawer content.

Demo

Inclusion

Include script and style sheet into you page:

<script src="path/to/plugin/mk-drawer.min.js"></script>
<link href="path/to/plugin/mk-drawer.min.css" rel="stylesheet">

Usage

var drawer = new mk.drawer(content);
var drawer = new mk.drawer(options);
var drawer = new mk.drawer(content,options);

Content can be a HTML-string or DOM Element. If string given, drawer will be attached to document body. If DOM Element given, drawer will be attached to its parent node.

Options is a set of drawer options

Details and Demo