Editors
v-date-picker is a fully featured date selection component that lets users select a date.
Basic
The v-file-input
component is used to selecting files.
Density
You can use density
prop to adjusts vertical spacing within the component. Available options are: default
, comfortable
, and compact
.
Variant
Use solo
, outlined
, underlined
, filled
and plain
options of variant
prop to change the look of Combobox.
Accept
v-file-input
component can accept only specific media formats/file types if you want.
Chips
Use chip
prop to display the selected file as a chip.
Counter
When using the show-size
property along with counter
, the total number of files and size will be displayed under the input.
Multiple
The v-file-input
can contain multiple files at the same time when using the multiple
prop.
Prepend icon
The v-file-input
has a default prepend-icon
that can be set on the component or adjusted globally.
Show size
The displayed size of the selected file(s) can be configured with the show-size
property.
Validation
You can use the rules
prop to create your own custom validation parameters.
Selection slot
Using the selection
slot, you can customize the appearance of your input selections.
Loading
Use loading
prop to displays linear progress bar.
CONTENTS
Introduction
Basic
Density
Variant
Accept
Chips
Counter
Multiple
Prepend icon
Show size
Validation
Selection slot
Loading