Reference

Files Field

<k-files-field>

<k-files-field v-model="files" name="files" label="Files" />

Props

disabled

Boolean (default: false)

If true, the field is disabled and cannot be filled in or edited

help

String (default: null)

Sets the help text below the field

icon

String (default: null)

Sets the icon, that is shown on the right next to the input.

label

String (default: null)

Sets the label text for the field.

layout

String (default: "list")

Switches the layout of the list of files to list or cards

max

Number (default: null)

The maximum number of files, that can be selected

multiple

Boolean (default: true)

If false, only a single file can be selected

name

String (default: null)

The name of the field must be defined to get fields in fieldsets up and running.

required

Boolean (default: false)

If true, the field must not be empty

value / v-model

Array (default: null)

Methods

focus()

The focus event can be used to set the focus on the field.

Events

@input

The input event is triggered when the value changes.

CSS class

.k-fields-field