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
• Implementation
• Contributors
• License

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