Eigenschaften
| Name | Type | Default Value | Description |
|---|---|---|---|
value | string | undefined | Value of the Textarea |
disabled | boolean | false | Whether or not the Textarea is disabled |
readonly | boolean | false | Whether or not the Textarea is readonly |
id | string | undefined | Unique ID , unique id will be generated if not set. |
placeholder | string | undefined | Placeholder of text area |
hasDynamicHeight | boolean | false | Whether or not the text area has a dynamic height |
label | string | undefined | Label of textarea |
required | boolean | undefined | required fields will be suffixed with an asterisk '*' |
debounceTime | number | 300 | Time to debounce on value change |
isLoading | boolean | false | Shows Skeleton if true |
rows | number | undefined | Number of rows |
title | string | undefined | Appears on hover |
hasCopyButton | boolean | false | Show Copy Button |
style | string | undefined | Additional css styles |
tabindex | number | 0 | Index of sequential keyboard navigation |
textArea | HTMLTextAreaElement | undefined | Can be used for binding |
Events
| Name | Description |
|---|---|
change | fires after debounceTime |
selectionchange |
Beispiele
Standard Text Area
Standard Text Area with dynamic Height
Integrated Button
Do's and Don'ts
Do
Aktuelle Zeichenangabe: Text Area in Kombination mit Notification Text (Neutral)