File Dropzone · @behivetech · Behive Tech Registry

Edit the code and the preview updates as you type. Every registry export is in scope — FileDropzone from this package, plus React hooks and every other component in the registry.

Playground

const BasicFileDropzone = () => {
  const [names, setNames] = useState<string[]>([]);

  return (
    <>
      <FileDropzone
        onFiles={(files) => setNames(files.map((file) => file.name))}
      />
      {names.length > 0 && <p>Chosen: {names.join(", ")}</p>}
    </>
  );
};

render(<BasicFileDropzone />);