drawer-inside-div
A preconfigured Material-UI Drawer nested under an AppBar and inside a div
Demo and full documentation here
Table of Contents
Features
Material-UI Drawer nested under an AppBar and inside a div. Can be anchored:
- left
- right
All the usual props can be passed to the AppBar and Drawer.
Toolbar Icon can be customized but click handler is set to open Drawer.
Implementation
Install the Drawer:
npm install @jon20111/drawer-inside-div
Import the Drawer:
import { DrawerInsideDiv } from '@jon20111/drawer-inside-div'The component takes the following props:
- appBarComponent: Use this to pass a component to the AppBar
- appBarIcon: Custom AppBar icon
- anchor: 'left' or 'right' to anchor to a side
- drawerComponent: The child component to be injected into the Drawer
- appBarProps: All the usual AppBar props
- drawerProps: All the usual Drawer props
Contributors
Jon Middaugh (https://github.com/Jon20111) and (https://smartdevpreneur.com/)
License
MIT @jon20111