HORON

File Drop

파일을 끌어다 놓는 점선 영역입니다.

@horon-ai/react 입력과 선택

Preview

Usage

tsx 
import { FileDrop } from "@horon-ai/react";

export default function FileDropDemo() {
  return (
    <>
      <div className="flex w-full max-w-[550px] flex-col gap-4">
        <FileDrop />
        <FileDrop uploading label="Uploading report.pdf" />
        <FileDrop rejected label="That file type isn't supported" />
      </div>
    </>
  );
}