@gitlab/ui/src/components/base/drawer/drawer.md

GitLab UI Components

# Drawer

<!-- STORY -->

## Usage

The drawer is used to show more information about a certain resource in the UI and potentially
handle actions on the information.

### By default

```html
<gl-drawer :open="open" @close="close">
  <template #header>Your Title</template>
  <template>
   ...children
  </template>
</gl-drawer>
```

- `v-bind:open` will be a boolean you will pass to `gl-drawer` and `@close` is a listener that will
be a function that will toggle open to `false`.