# Component/BottomSheet

바텀 시트는 화면 하단에 고정되는 보조 콘텐츠 표시 도구로 모바일에서만 사용합니다.

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `noUsePortal` | `boolean | undefined` | No | false |  |
| `className` | `string | undefined` | No |  |  |
| `opened` | `boolean | undefined` | No |  |  |
| `zIndex` | `number | undefined` | No | getZIndex('bottomSheet') |  |
| `title` | `ReactNode` | No |  |  |
| `subTitle` | `ReactNode` | No |  |  |
| `contentProps` | `BottomSheetContentProps | undefined` | No |  |  |
| `canClickOutside` | `boolean | undefined` | No | true | outside 영역 클릭시 닫힘 사용 여부 |
| `canCloseEscapeKey` | `boolean | undefined` | No | true | escapeKey 키이벤트 닫힘 사용 여부 |
| `canDragClose` | `boolean | undefined` | No | true | 드래그 닫힘 사용 여부 |
| `onClose` | `(() => void) | undefined` | No |  |  |