Your search did not match any results.

Left or Right Position


The Drawer is a dismissible or permanently visible panel used for navigation in responsive web applications. On opening, the Drawer can interact with the view in several modes: "shrink", "push", and "overlap". The view's content (an HTML string in this demo) is part of the Drawer's markup. The Drawer's content is defined using a template. Note that the Drawer does not interact with the toolbar because the latter is not defined in the Drawer's markup.

In this demo, you can use radio buttons under the Drawer to change its position and behavior.

To get started with the DevExtreme Drawer component, refer to the following tutorial for step-by-step instructions: Getting Started with Navigation Drawer.

Thank you for your interest in our ASP.NET Core product libraries and UI component suite. We are moving ASP.NET Core-related demos and content to Please make sure to update your bookmarks with our new URL.

View Demo