Documentation
Documentation Hub

Radius

File inputs have default styling, showing the file name and a button to select a file. You can change the radius factor of the input with the rounded prop.

Default props of all <BaseInputFile> can be set in your <app>/app.config.ts.
Show code
vue

#<BaseInputFile>

•Model

v-model
Show example
vue

•Properties

classes
Optional CSS classes to apply to the wrapper, label, input, text, error, and icon elements.
Show example
vue
color-focus
Whether the color of the file input should change when it is focused.
Show example
vue
error
An error message or boolean value indicating whether the file input is in an error state.
Show example
vue
icon
The icon to display for the file input.
Show example
vue
id
The form input identifier.
Show example
vue
label
The label to display for the file input.
Show example
vue
loading
Whether the file input is in a loading state.
Show example
vue
placeholder
The placeholder to display for the file input.
Show example
vue
text-value
Method to return the text value of the file input.
Show example
vue

•Properties (with app.config)

rounded
The radius of the file input.

@since

2.0.0

Show example
vue
contrast
The contrast of the input.

@since

2.0.0

Show example
vue
i18n
Translation strings.
Show example
vue
size
The size of the input.
Show example
vue

•Slots

#label
This slot has no inherted props
Show example
vue
#icon
This slot has no inherted props
Show example
vue

•Exposed

rounded
The radius of the file input.
Show example
vue
contrast
The contrast of the input.
Show example
vue
i18n
Translation strings.
Show example
vue
size
The size of the input.
Show example
vue
el
The underlying HTMLInputElement element.
Show example
vue