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.
نمایش کد
vue

#<BaseInputFile>

•Model

v-model
نمایش مثال
vue

•خصوصیات

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

•خصوصیات (با app.config)

rounded
The radius of the file input.

@since

2.0.0

نمایش مثال
vue
contrast
The contrast of the input.

@since

2.0.0

نمایش مثال
vue
i18n
Translation strings.
نمایش مثال
vue
size
The size of the input.
نمایش مثال
vue

•Slots

#label
This slot has no inherted props
نمایش مثال
vue
#icon
This slot has no inherted props
نمایش مثال
vue

•Exposed

rounded
The radius of the file input.
نمایش مثال
vue
contrast
The contrast of the input.
نمایش مثال
vue
i18n
Translation strings.
نمایش مثال
vue
size
The size of the input.
نمایش مثال
vue
el
The underlying HTMLInputElement element.
نمایش مثال
vue