MenuCaderno UI
npmGitHub
Theme

<cad-textarea>

Textarea

Collect longer text with labels, hints, validation, and resizing.

Writing states

API reference: <cad-textarea>

autocompleteautocompletestring''colscolsnumber20disableddisabledbooleanfalseerrorerrorstring''hinthintstring''invalidinvalidbooleanfalselabellabelstring''layoutlayoutCadTextareaLayout'block'maxlengthmaxLengthnumber-1minlengthminLengthnumber-1namenamestring''placeholderplaceholderstring''readonlyreadOnlybooleanfalserequiredrequiredbooleanfalseresizeresizeCadTextareaResize'vertical'rowsrowsnumber4tonetoneCadTextareaTone'blue'valuevaluestring''wrapwrap'hard' | 'soft''soft'autocompletestringautocompletenocolsnumbercolsnodisabledbooleandisabledyeserrorstringerrornohintstringhintnoinvalidbooleaninvalidyeslabelstringlabelnolayoutCadTextareaLayoutlayoutyesmaxLengthnumbermaxlengthnominLengthnumberminlengthnonamestringnameyesplaceholderstringplaceholdernoreadOnlybooleanreadonlyyesrequiredbooleanrequiredyesresizeCadTextareaResizeresizeyesrowsnumberrowsnotoneCadTextareaTonetoneyesvaluestringvaluenowrap'hard' | 'soft'wrapyeschangeEventFired when the user commits a value change.inputEventFired while the user edits the value.labelVisible control label. Falls back to the `label` attribute.baseField container.controlNative textarea.fieldHand-drawn textarea frame.hintHint or error message.labelVisible label.--cad-textarea-focusPer-instance focus and label color.--cad-textarea-linePer-instance ruled line color.

Form behavior

Supports FormData, reset, required validation, disabled fieldsets, custom validity, and resizing. Pair invalid state with a helpful error message.

MIT licensed. Built with Caderno UI.Report an issue
Back to top