Native-first file selection and dropzone for product forms.
FileUpload keeps file selection accessible and predictable while providing a refined drop target and compact selected file summary.
Click the target or drag files onto it.
<FileUpload accept=".pdf,.png" multiple />import { FileUpload, Dropzone } from "@froggdesign/enter-ui-react";Invalid and disabled states are visible without becoming loud.
FileUpload uses a native input type="file" and a keyboard-focusable label target. Enter or Space opens the file picker when enabled.
accept, multiple, and maxSize mirror native upload needs.onFilesChange receives accepted files after change or drop.disabled and invalid map to aria state and data attributes.Dropzone is an alias for drop-focused layouts.Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.