New to Kendo UI for VueStart a free 30-day trial

Represents the configuration options for the Upload button. Combines button styling props, upload behavior props, and event callbacks.

Definition

Package:@progress/kendo-vue-conversational-ui

Properties

accept?

string

The file types that can be selected.

disabled?

boolean

Specifies if the Button is disabled (see example). Defaults to false.

fillMode?

"flat" | "link" | "solid" | "outline"

Configures the fillMode of the Button.

The available options are:

  • solid
  • outline
  • flat
  • link
Default:

undefined

multiple?

boolean

Whether multiple files can be selected.

onRemoveAttachment?

(fileName: string) => void

Fires when the user removes an attachment by clicking the remove button. In controlled mode (when attachments prop is provided), use this to update your state.

Parameters:fileNamestring

Fires when the user selects files via the upload button. Provides both the newly selected files and the complete file state.

restrictions?

UploadFileRestrictions

Upload file restrictions.

rounded?

"small" | "medium" | "large" | "none" | "full"

Configures the roundness of the Button.

The available options are:

  • none
  • small
  • medium
  • large
  • circle
  • full
Default:

undefined

size?

"small" | "xs" | "medium" | "large"

Configures the size of the Button.

The available options are:

  • xs
  • small
  • medium
  • large
Default:

undefined

svgIcon?

SVGIcon

Defines an SVGIcon to be rendered within the button.

themeColor?

"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "inverse"

Configures the themeColor of the Button.

The available options are:

  • base
  • primary
  • secondary
  • tertiary
  • info
  • success
  • warning
  • error
  • inverse
Default:

undefined