Textarea Table of Contents

• Props
• Events
• Slots

Propertiestype BreakpointCustomizable<T> = { base: T; xs?: T; s?: T; m?: T; l?: T; xl?: T; xxl?: T; };PropertyAttributeDescriptionTypeDefaultautoComplete auto-completeSpecifies whether the input can be autofilled by the browsertype TextareaAutoComplete =
'off'
'on'
''''description descriptionThe description text.string''disabled disabledMarks the textarea as disabled.booleanfalseform formThe id of a form element the textarea should be associated with.stringundefinedhideLabel 🛠hide-labelShow or hide label. For better accessibility it is recommended to show the label.boolean
BreakpointCustomizable<boolean>falselabel labelThe label text.string''maxLength max-lengthThe max length of the textarea.numberundefinedmessage messageThe message styled depending on validation state.string''minLength min-lengthThe min length of the textarea.numberundefinedname nameThe name of the textarea.stringundefinedplaceholder placeholderThe placeholder text.string''readOnly read-onlySpecifies whether the textarea should be read-only.booleanfalserequired requiredMarks the textarea as required.booleanfalseresize resizeControls whether the textarea is resizable and in which direction.type TextareaResize =
'none'
'both'
'horizontal'
'vertical'
'block'
'inline''vertical'rows rowsThe amount of rows of the textarea.number7showCounter show-counterShow or hide max character count.booleantruespellCheck spell-checkSpecifies whether the input should have its spelling and grammar checkedbooleanundefinedstate stateThe validation state.type TextareaState =
'none'
'error'
'success''none'theme themeAdapts the color depending on the theme.type Theme =
'light'
'dark'
'auto''light'value valueThe textarea value.string''wrap wrapHandles wrapping behaviour of elements.type TextareaWrap =
'hard'
'soft'
'off''soft'EventsEventDescriptionTypeblur Emitted when the textarea has lost focus.type TextareaBlurEventDetail = Event
CustomEvent<TextareaBlurEventDetail>change Emitted when the textarea loses focus after its value was changed.type TextareaChangeEventDetail = Event
CustomEvent<TextareaChangeEventDetail>input Emitted when the value has been changed as a direct result of a user action.type TextareaInputEventDetail = InputEvent
CustomEvent<TextareaInputEventDetail>SlotsSlotDescriptionisRequiredaltPropallowedTagNames<slot name="label"> Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed.<slot name="description"> Shows a description. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed.<slot name="message"> Shows a state message. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed.