:: 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 | - |