# Component/Drawer

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `className` | `string | undefined` | No |  |  |
| `direction` | `undefined "left" "right"` | No | right |  |
| `zIndex` | `number | undefined` | No | getZIndex('drawer') |  |
| `width` | `CSSValueWithLength | undefined` | No | 280 |  |
| `opened` | `boolean | undefined` | No |  |  |
| `canClickOutside` | `boolean | undefined` | No | true | outside 영역 클릭시 닫힘 사용 여부 |
| `canCloseEscapeKey` | `boolean | undefined` | No | true | escapeKey 키이벤트 닫힘 사용 여부 |
| `noUsePortal` | `boolean | undefined` | No | false | main app node 바깥영역으로 생성할지 여부 |
| `lockScroll` | `boolean | undefined` | No | true | 오버레이가 렌더링되는 동안 스크롤 금지 여부 |
| `animationOnClose` | `boolean | undefined` | No | true | Drawer 닫힐 때 애니메이션 사용 여부 |
| `onClose` | `(() => void) | undefined` | No |  |  |
