Radius

Textarea can have different radius factors. Use the rounded prop to change the radius of the textarea component.

Default props of all <BaseTextarea> can be set in your <app>/app.config.ts.
نمایش کد
vue

Contrast:default+

Textarea can have different contrasts. Use the contrast prop to change the contrast of the textarea component.

نمایش کد
vue

Contrast:muted

Textarea can have different contrasts. Use the contrast prop to change the contrast of the textarea component.

نمایش کد
vue

Contrast:muted+

Textarea can have different contrasts. Use the contrast prop to change the contrast of the textarea component.

نمایش کد
vue

Label:float

Textarea can have floating labels. Use the label-float prop to enable the floating label.

نمایش کد
vue

Focus

Textarea can have a primary colored focus. Use the color-focus prop to enable the colored focus.

نمایش کد
vue

Error

Textarea can be shown in an error state. Use the error prop to show the error and the error message.

لطفاً یک پیام وارد کنید
لطفاً یک پیام وارد کنید
نمایش کد
vue

Loading

Textarea can be shown in a loading state. Use the loading prop to enable the loading state.

نمایش کد
vue

Disabled

Textarea can be shown disabled. Use the disabled prop to disable the textarea.

نمایش کد
vue

Custom addons

Textarea can have custom addons. Use the addon slot to add your own custom addons.

مایا

مایا

نمایش کد
vue

#<BaseTextarea>

•Model

v-model
modifiers

v-model.trim

v-model.lazy

نمایش مثال
vue

•خصوصیات

addon
Whether to display an addon element in the textarea.
نمایش مثال
vue
autogrow
Whether to automatically grow the textarea as text is entered.
نمایش مثال
vue
classes
A set of classes to apply to the various elements of the textarea.
نمایش مثال
vue
color-focus
Whether to apply the focus color to the textarea.
نمایش مثال
vue
disabled
Whether the textarea is disabled.
نمایش مثال
vue
error
The error message for the textarea, or whether it is in an error state.
نمایش مثال
vue
id
The form input identifier.
نمایش مثال
vue
label
The label for the textarea.
نمایش مثال
vue
label-float
If the label should be floating.
نمایش مثال
vue
loading
Whether the textarea is in a loading state.
نمایش مثال
vue
max-height
The maximum height of the textarea when autogrow is enabled.
نمایش مثال
vue
name
The name of the textarea.
نمایش مثال
vue
placeholder
The placeholder text for the textarea.
نمایش مثال
vue
readonly
Whether the textarea is read-only.
نمایش مثال
vue
resize
Whether to allow the user to resize the textarea.
نمایش مثال
vue
rows
The number of rows to display in the textarea.
نمایش مثال
vue

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

rounded
The radius of the textarea.

@since

2.0.0

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

•Slots

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

•Exposed

rounded
The radius of the textarea.
نمایش مثال
vue
contrast
The contrast of the textarea.
نمایش مثال
vue
size
The size of the textarea.
نمایش مثال
vue
el
The underlying HTMLTextAreaElement element.
نمایش مثال
vue
fitSize
A method to resize the textarea to fit its content.
نمایش مثال
vue