# Drawer

### Usage

A Drawer is a panel that is typically overlaid on top of a page and slides in from the side. It contains a set of information or actions. Since the user can interact with the Drawer without leaving the current page, tasks can be achieved more efficiently within the same context.

* Use a Form to create or edit a set of information.
* Processing subtasks. When subtasks are too heavy for a Popover and we still want to keep the subtasks in the context of the main task, a Drawer comes very handy.
* When the same Form is needed in multiple places.

### Examples

![](https://3606779243-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDSuDatsiBSDcGYiS7br6%2Fuploads%2FmuXHuDhpoPluFt5SPQc0%2FDrawer%201.png?alt=media\&token=0d8fa7fb-5c83-49c1-a941-dff29eaec948)

### Specs

![](https://3606779243-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDSuDatsiBSDcGYiS7br6%2Fuploads%2F1kHMLhwc1bdQ6M2wzV4c%2FDrawer%202.png?alt=media\&token=3d85453c-80ac-4c52-ac24-2debfe3af7af)

### Sample code

```
// Some code
```