Sidenav

Use sidenav to add a responsive multi-level navigation menu to your project.

Examples

Recommended layout

Use this layout to ensure the sidenav renders correctly in your project.

Floating

JavaScript

This component accepts options to configure its behavior.

Option	Default	Description
`autoClose`	`false`	To automatically close the drawer when moving the cursor out of sidenav.
`openOnHover`	`false`	To open a sidenav drawer when hovering on first level menu item.

Preventing memory leaks

Sidenav component has a dispose function to free all the resources attached to the element, such as event listeners and object data. You should call this method when you want to remove the component.

It is safe to call the sidenav method more than once, as it will return any previously created sidenav component associated with the element.

Accessibility

Accessibility guidelines coming soon