https://github.com/davidfig/drawer

A vanilla-javascript drawer UI component
https://github.com/davidfig/drawer

drawer javascript ui vanilla

Last synced: about 2 months ago
JSON representation

A vanilla-javascript drawer UI component

• Host: GitHub
• URL: https://github.com/davidfig/drawer
• Owner: davidfig
• License: mit
• Created: 2018-04-29T05:26:09.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-10-19T23:08:18.000Z (about 6 years ago)
• Last Synced: 2024-10-30T09:28:06.066Z (2 months ago)
• Topics: drawer, javascript, ui, vanilla
• Language: JavaScript
• Size: 969 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## yy-drawer

A vanilla-javascript drawer UI component

## rationale

I needed a clean drawer for one of my projects. 

## Live Example

[https://davidfig.github.io/drawer/](https://davidfig.github.io/drawer/)

## API Documentation

[https://davidfig.github.io/drawer/jsdoc/](https://davidfig.github.io/drawer/jsdoc)

## Installation

    npm i yy-drawer

## Simple Example

```js

var Drawer = require('yy-drawer');

new Drawer({

        size: 100,

        styles: {

            background: 'rgb(150,100,100)',

            color: 'white',

        },

        full: true,

        open: true,

        content: 'this is the contents of the drawer',

        contentStyles: {

            padding: '0.5em'

        }    

});

```

## license  

MIT License  

(c) 2018 [YOPEY YOPEY LLC](https://yopeyopey.com/) by [David Figatner](https://twitter.com/yopey_yopey/)