drawer menu

Log In

drawer menu

You are here:app / ui /  drawer-menu

Temporary Drawer

Temporary navigation drawers can toggle open or closed. Closed by default, the drawer opens temporarily above all other content until a section is selected.

src/app/containers/UiElements/demos/DrawerMenu/TemporaryDrawer.js

Swipeable Temporary Drawer

You can make the drawer swipeable with the SwipeableDrawer component.

src/app/containers/UiElements/demos/DrawerMenu/SwipeDrawer.js

Basic Menu

Basic menus open over the anchor element by default (this option can be changed via props). When close to a screen edge, simple menus vertically realign to make all menu items are completely visible.

src/app/containers/UiElements/demos/DrawerMenu/BasicMenu.js

Selected Menus

If used for item selection, when opened, simple menus attempt to vertically align the currently selected menu item with the anchor element.

src/app/containers/UiElements/demos/DrawerMenu/DropdownMenu.js

Styled Menu

The MenuItem is a wrapper around ListItem with some additional styles.

src/app/containers/UiElements/demos/DrawerMenu/StyledMenu.js

Transition

Use a different transition altogether.

src/app/containers/UiElements/demos/DrawerMenu/MenuTransition.js