Documentation
Documentation Hub

BaseInputFile

Straight input

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

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

#<BaseInputFile>

Model

v-model
The model value of the file input.
Show example

Properties

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

Slots

#label
Show example
#icon
Show example

Exposed

el
The underlying HTMLInputElement element.
Show example