zhsw_wechat/miniprogram_npm/tdesign-miniprogram/textarea

:: BASE_DOC ::

API

Textarea Props

name | type | default | description | required -- | -- | -- | -- | -- style | Object | - | CSS(Cascading Style Sheets) | N custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N adjust-position | Boolean | true | - | N allow-input-over-max | Boolean | false | - | N autofocus | Boolean | false | - | N autosize | Boolean / Object | false | Typescript：boolean \| { maxHeight?: number, minHeight?: number } | N bordered | Boolean | false | - | N confirm-hold | Boolean | false | - | N confirm-type | String | return | options: return/send/search/next/go/done。Typescript：'return' \| 'send' \| 'search' \| 'next' \| 'go' \| 'done' | N cursor | Number | -1 | - | N cursor-spacing | Number | 0 | - | N disable-default-padding | Boolean | false | - | N disabled | Boolean | undefined | - | N fixed | Boolean | false | - | N focus | Boolean | false | - | N hold-keyboard | Boolean | false | - | N indicator | Boolean | false | - | N label | String / Slot | - | see more ts definition | N maxcharacter | Number | - | - | N maxlength | Number | -1 | - | N placeholder | String | undefined | - | N placeholder-class | String | textarea-placeholder | - | N placeholder-style | String | - | - | N readonly | Boolean | undefined | - | N selection-end | Number | -1 | - | N selection-start | Number | -1 | - | N show-confirm-bar | Boolean | true | - | N value | String / Number | - | Typescript：TextareaValue type TextareaValue = string \| number。see more ts definition | N default-value | String / Number | undefined | uncontrolled property。Typescript：TextareaValue type TextareaValue = string \| number。see more ts definition | N

Textarea Events

name | params | description -- | -- | -- blur | (value: TextareaValue, cursor: number) | - change | (value: TextareaValue, cursor: number) | - enter | (value: TextareaValue) | - focus | (value: TextareaValue) | - keyboardheightchange | (height: number, duration: number) | - line-change | (value: TextareaValue) | -

Textarea External Classes

className | Description -- | -- t-class | - t-class-indicator | - t-class-label | - t-class-textarea | -

CSS Variables

The component provides the following CSS variables, which can be used to customize styles. Name | Default Value | Description -- | -- | -- --td-textarea-background-color | @bg-color-container | - --td-textarea-border-color | rgba(220, 220, 220, 1) | - --td-textarea-border-radius | @radius-default | - --td-textarea-disabled-text-color | @font-gray-4 | - --td-textarea-indicator-text-color | @font-gray-3 | - --td-textarea-label-color | @font-gray-1 | - --td-textarea-placeholder-color | @font-gray-3 | - --td-textarea-text-color | @font-gray-1 | -