Appearance style for the field.
Wether outline
(default), legacy
, fill
or standard
.
Whether the control is disabled.
Error text to be shown underneath the form field control.
Hint text to be shown underneath the form field control.
The floating label for a field.
Executed with an input value from user.
The placeholder text.
The number of visible text lines for the control.
Wether value of the field should be emitted when user is blurred out of the control.
Value of the input.
<drayman-textarea-field />
Textarea field powered by Angular Material library.
Example of usage
export const component: DraymanComponent = async ({ forceUpdate }) => { let text = 'Hello, <b>world</b>!'; const onValueChange = async ({ value }) => { text = value; await forceUpdate(); } return () => { return ( <div> <drayman-textarea-field label="Text" onValueChange={onValueChange} value={text} /> {text && <p>{text}</p>} </div> ) }; }