---
title: HelperDrawer
category: General
---

```jsx live
render(
  <StackView width={40}>
    <StackView axis="horizontal" spacing={0.5}>
      <Heading level={3}>Heading</Heading>
      <HelperDrawer.Toggle drawerId="my-drawer" />
    </StackView>
    <HelperDrawer id="my-drawer" marginTop={0.5}>
      Drawer that can provide more helpful information about how a UI works.
    </HelperDrawer>
  </StackView>
)
```