Enables native inputs to be used within a Form field.
Usage
<goat-textarea label="Textarea" helper-text="Optional helper text" clearable="true" placeholder="Person Name"></goat-textarea>
States
Disabled
Make input look inactive by adding the disabled boolean attribute to any
<button> element.
<goat-textarea disabled=""></goat-textarea>
Readonly
Make input look inactive by adding the disabled boolean attribute to any
<button> element.
<goat-textarea readonly=""></goat-textarea>
Events
On input change a CustomEvent goat-textarea--change is triggered by
the element.
document.querySelector('#name-input-field').addEventListener('goat-textarea--input', function(event) {
myConsole.log(event.target.value, event.type);
});
document.querySelector('#name-input-field').addEventListener('goat-textarea--change', function(event) {
myConsole.warn(event.target.value, event.type);
});