vwf .

API Reference

Complete API documentation for components, utilities, and framework core

Reference/API/TextArea

TextArea

Multi-line text input with auto-resize and character counting

🔧 Props

PropertyTypeDefaultDescription
idstringtextarea-{timestamp}Unique identifier
labelstringundefinedLabel text above textarea
valuevan.state<string>undefinedTextarea value (NOT auto-bound)
messageobject{code: "", detail: ""}Validation message
rowsnumberbrowser defaultNumber of visible text rows
maxLengthnumberundefinedMaximum character count
autoResizebooleanfalseEnable auto-resize on input
requiredbooleanfalseRequired field indicator
oninputfunctionundefinedInput change handler

💻 Examples

Basic TextArea

const description = van.state('');
return TextArea({
  label: 'Description',
  value: description,
  rows: 4,
  oninput: e => description.val = e.target.value
});

▶️ Live Preview

💡 Click "Edit Code" to modify the example

🔄 Click "Apply Changes" to see your modifications

↩️ Click "Reset" to restore original code

💡 Usage Tips

🔗 Related

Explore vwf

Discover what vwf can do