FileUpload

FileUpload keeps file selection accessible and predictable while providing a refined drop target and compact selected file summary.

#Default usage

<FileUpload accept=".pdf,.png" multiple />

#Import

import { FileUpload, Dropzone } from "@froggdesign/enter-ui-react";

#States

#Accessibility

FileUpload uses a native input type="file" and a keyboard-focusable label target. Enter or Space opens the file picker when enabled.

#API

• 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.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.