# Component/Upload/FileUpload

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `className` | `string | undefined` | No |  |  |
| `label` | `ReactNode` | No |  |  |
| `direction` | `undefined "horizontal" "vertical"` | No | vertical |  |
| `accept` | `string | undefined` | No | image/* |  |
| `disabled` | `boolean | undefined` | No |  |  |
| `loading` | `boolean | undefined` | No |  |  |
| `multiple` | `boolean | undefined` | No |  |  |
| `maxCount` | `number | undefined` | No |  | 최대 업로드 파일 갯수 |
| `showRemoveButton` | `boolean | undefined` | No | true | FileList내 삭제버튼 사용 유무 |
| `fileList` | `UploadFile[] | undefined` | No | [] |  |
| `buttonProps` | `Omit<ButtonProps, "onClick" | "disabled"> | undefined` | No |  |  |
| `onChange` | `((file: File | File[]) => void) | undefined` | No |  |  |
| `onClick` | `MouseEventHandler<HTMLInputElement> | undefined` | No |  | 파일 업로드 버튼 클릭시 실행되는 이벤트 |
| `onClickFile` | `((file: UploadFile, index: number) => void) | undefined` | No |  | FileList 클릭시 인덱스 정보와 함께 전달합니다. |
| `onLimitMaxCount` | `(() => void) | undefined` | No |  | 업로드 시도시 maxCount를 넘길 경우 전달합니다. |
| `onClickFileRemove` | `((file: UploadFile, index: number) => void) | undefined` | No |  | 삭제 버튼 클릭시 인덱스 정보와 함께  전달합니다. |
