> For the complete documentation index, see [llms.txt](https://docs.sentre.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sentre.io/design-pricinples/drawer.md).

# 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

![](/files/8kASDnZL4767KA1qvUa5)

### Specs

![](/files/cdrobzcyT8njXU3LpFlP)

### Sample code

```
// Some code
```