FileInput 🟠 Not ready

The FileInput component can be used imported from:

Playground

Parameters

Events

This component has events. Check the documentation about how to use the events.

Name	Payload	Description
onChange	Blob	Returns the file as a Blob
onRestarted	void	Emitted when the value is reset
onBlur	void	Emitted on blur

Slots

This component has slots. Check the documentation about how to use the slots.

Name	Tags	Description
label	span	The label of the input
help-text	span	The help text of the input

Parameters use

Check the documentation about how to use the parameters.

accept

The accept attribute will filter the files that can be uploaded. It can be a string or an array of strings:

delete-file-text

The delete-file-text attribute will change the text of the button to delete the file.

browse-file-text

The browse-file-text attribute will change the text of the button to browse the file.

no-file-text

The no-file-text attribute will change the text of the message when no file is selected.

locale

The locale attribute will change the text of the button and the message when a file is dropped:

droppable

The droppable attribute will allow the user to drop a file in the component, adding also a different styling.

If accept is used, a message with the accepted formats will be shown:

The locale attribute will affect this last message on accept:

Browser support

Detected engine:  

• Chromium

• Webkit

• Gecko

CodeSandbox example

Sorry, not available yet ☹️