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