FileUpload

<FileUpload onChange={(files) => console.log(files)} />

import { FileUpload } from "@vortex/ui-icignal"
 
<FileUpload
  description="파일을 선택하거나 드래그하여 업로드하세요."
  onChange={(files) => console.log(files)}
/>

// 숫자: px 단위
<FileUpload
  fileListMaxHeight={200}
  onChange={(files) => console.log(files)}
/>
 
// 문자열: CSS 단위 (rem, vh 등)
<FileUpload
  fileListMaxHeight="10rem"
  onChange={(files) => console.log(files)}
/>

<FileUpload
  fileListMaxHeight={200}
  fileListClassName="border rounded-md p-1"
  onChange={(files) => console.log(files)}
/>

<FileUpload
  label="첨부파일"
  required
  labelWidth={110}
  onChange={(files) => console.log(files)}
/>
 
<FileUpload
  label="첨부파일"
  orientation="vertical"
  error="파일을 첨부해 주세요."
  onChange={(files) => console.log(files)}
/>

const [existingFiles, setExistingFiles] = useState([
  { id: "1", name: "report.pdf", size: 1234567, url: "/files/report.pdf" },
  { id: "2", name: "data.xlsx", size: 456789 },
])
 
<FileUpload
  existingFiles={existingFiles}
  onRemoveExisting={(file) => {
    setExistingFiles((prev) => prev.filter((f) => f.id !== file.id))
  }}
  onChange={(files) => console.log(files)}
/>