## Drawer

```jsx
const [isShowing, setShowing] = React.useState(false);

<>
  <SilkeButton label={isShowing ? 'Hide' : 'Show'} onClick={() => setShowing(!isShowing)} />

  <SilkeBox>
    <SilkeDrawer open={isShowing} onRequestClose={() => setShowing(false)} title="Closable drawer">
      This drawer will close if you click outside it <i>or</i> if you click the close button in the
      top right corner
    </SilkeDrawer>
  </SilkeBox>
</>;
```