FileInputBase

Who uses itLink to "Who uses it"

FileDrop.

When to use it directlyLink to "When to use it directly"

Only when building a new composite that picks files.

Use a component instead when you want people to add files: FileDrop gives a drop zone, a picker button, checks and messages.

UsageLink to "Usage"

import { FileInputBase, setInputFiles } from "@arshad-shah/cynosure";

<FileInputBase name="attachment" accept="image/*" multiple onFiles={(files) => …} />

// Files that arrived another way (a drop) can be put into the input, so forms submit them:
setInputFiles(input, droppedFiles);

PropsLink to "Props"

BehaviourLink to "Behaviour"

• onFiles receives an array of Files; an empty array when the selection is cleared.
• setInputFiles replaces the input's files, so FormData and form submission include them.
• A disabled input picks nothing and is not submitted.