Textarea Field
Multi-line text input with auto-resize support.
Textarea Field
The textarea field renders a multi-line text input.
Schema Properties
Prop
Type
UI Options
Same as Text Field.
Basic Usage
const schema = defineSchema({
fields: [
{
type: "textarea",
name: "bio",
label: "Bio",
placeholder: "Tell us about yourself...",
maxLength: 500,
},
],
});Examples
With Character Count
{
type: "textarea",
name: "message",
label: "Message",
required: true,
minLength: 10,
maxLength: 1000,
description: "10-1000 characters",
}With Pattern Validation
{
type: "textarea",
name: "markdown",
label: "Content",
pattern: /^[^<>]+$/,
description: "HTML tags are not allowed",
}Auto-Derived Validators
| Property | Validator |
|---|---|
required: true | required |
minLength | minLength |
maxLength | maxLength |
pattern | pattern |