FileUploader

FileUploader is a component that allows you to upload files.

#

Basic usage

To use a fileUploader, simply add the <FileUploader /> tag to your component.

You selected:

#

Sizing

You can change the size of a fileUploader input by setting the size property to sm, md, or lg.

#

Disabled

Set the disabled boolean property on a fileUploader to give it a grayed out appearance, remove pointer events, and prevent focusing.

I am disabled

#

Readonly

Set the readonly boolean property on a fileUploader to prevent choosing a file. readonly inputs can still be focused and selected, while disabled inputs cannot.

#

States

You can set the valid or invalid boolean properties to apply the valid or invalid state to a fileUploader.

state is not set for this:

this is valid state:

this is invalid state:

#

Accept

Limit file types that a user can select.

only choose .png files.

only choose png, jpg or gif files.

You selected:

#

Multiple

Allow choosing Multiple files.

Choose multiple files by holding Ctrl key.

You selected: