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.