React-appdrawer NPM

react-appdrawer

A simple react component which acts as application container with sidebar

Please be aware of the fact that this component isn't finished yet.

Install

$ npm install react-appdrawer

Usage

import AppDrawer from 'react-appdrawer';

let app = <AppDrawer title="My App" >Content</AppDrawer>;

The AppDrawer depends on styles provided in style/AppDrawer.scss to allow toggling the sidebar, so add it to your application too or provide your own style.

Sidebar Orientation

Provide (custom) classes to determine the orientation of your sidebar:

/* provided by style/AppDrawer.scss */
sidebar-left {
    /*...*/
}

/* provided by style/AppDrawer.scss */
sidebar-right {
    /*...*/
}

/* custom direction */
sidebar-top {
    /*...*/
}

Please also be aware of the fact that you have to provide the class "sidebar-item" in your custom sidebar styles if you want any animation.