The text area consists of all the same general elements that the standard text field contains. The primary difference between the two is the omission of any icons inside the text field container.
Text areas should be used on forms, dialogs, background, and foreground surfaces and sometimes on tables. Use a text field area when the user input required may wrap to a second line. Text areas should be wide enough to accommodate at least 40 characters. In some exceedingly rare circumstances, they may be used with as few as 20 characters, but this should be a last resort.
|modelValue||value to be placed in the textarea||-|
|label||text label for the textarea||-|
|hint||hint text to be displayed below the textarea||-|
|error||error text to be displayed below the textarea||-|
|clear||label for the clear link that will appear at the end of the textarea when this has a value|
|disabled||puts the textarea into a disabled state|
|maxlength||maximum amount of characters this textarea will accept||0 - no limit|
|auto||when true the textarea will automatically grow|
|hideLabel||hides the label for the input in scenarios like tables where it would get in the way||-|
|schema||a schema for use in validation||-|
update:modelValue- emitted when there is a new value
feather-textarea-input- on the
feather-form-element-label- on the
feather-form-element-hint- on the hint text element
feather-form-element-error- on the error text element
feather-form-element-count- on the maxlength text element
data-ref-id attribute will cause them to be applied to the component's root container
div. All other attributes are inherited to the
input where it makes sense. Some will be ignored if they conflict with some of the attributes used for accessibility.