# Kendo UI for jQuery Drawer Overview

The Drawer is a dismissible panel used for navigation in responsive web applications or for changing the content of a page section.

![Kendo UI for jQuery Drawer Overview](https://www.telerik.com/kendo-jquery-ui/documentation/assets/6ae11112155d371e3c65a4edc7113bf1/drawer-overview.png)

## Functionality and Features

* [Display modes](https://www.telerik.com/kendo-jquery-ui/documentation/controls/drawer/display-modes)–The Drawer provides a set of modes for handling the way the component is displayed.
* [Interaction modes](https://www.telerik.com/kendo-jquery-ui/documentation/controls/drawer/interaction-modes)–The Drawer provides a set of modes with which the user can interact, and positions in which the component can be rendered.
* [Items](https://www.telerik.com/kendo-jquery-ui/documentation/controls/drawer/items)–The Drawer enables you to populate its navigation from a data array.
* [Templates](https://www.telerik.com/kendo-jquery-ui/documentation/controls/drawer/templates)–The Drawer enables you to modify the appearance of its content.
* [Hierarchy](https://www.telerik.com/kendo-jquery-ui/documentation/controls/drawer/hierarchy)–The Drawer enables you to create a hierarchical structure.

## Next Steps

* [Getting Started with the Kendo UI Drawer for jQuery](https://www.telerik.com/kendo-jquery-ui/documentation/controls/drawer/get-started)
* [Basic Usage of the jQuery Drawer (Demo)](https://demos.telerik.com/kendo-ui/drawer/index)
* [JavaScript API Reference of the Drawer](https://www.telerik.com/kendo-jquery-ui/documentation/api/ui/drawer)

## See Also

* [Product Page of the Kendo UI for jQuery Drawer](https://www.telerik.com/kendo-jquery-ui/drawer)
* [Demo Pages for the jQuery Drawer](https://demos.telerik.com/kendo-ui/drawer/index)
* [Knowledge Base Section](https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base)