Basic
q-file in its simplest form is used for file input.
Default
Dense
q-file in its simplest form is used for file input. Dense
Default
Variant
File input components are used for collecting user-provided files.
Outlined
Filled
Solo
Plain
Underline
Multiple
The q-file can contain multiple files at the same time when using the multiple prop.
Choose Multiple Files
Accept
q-file can restrict file selection to specific types.(.jpg,.png,.jpeg)
Images Only
Counter
When using the show-size property along with counter, the total number of files and size will be displayed under the input.
Images Only
Prepend icon
The q-file has a default before slot that can be set on the component or adjusted globally.
Prepend icon
Selection slot
Using the selection slot, you can customize the appearance of your input selections.
Images Only
Loading
Use loading prop to displays linear progress bar.
Loading