Volt UI
ComponentsField

Field Textarea

A textarea field component for the Field component.

Basic Usage

The FieldTextarea component provides a textarea field component for the Field component.

We'll never share your email with anyone else.

import { Field, FieldLabel, FieldDescription, FieldTextarea } from "@epilot/volt-ui"

<FieldGroup>
  <Field variant="highlight">
    <FieldLabel>Message</FieldLabel>
    <FieldTextarea placeholder="Hello, how are you?" rows={5} />
  </Field>
  <FieldDescription>We'll never share your email with anyone else.</FieldDescription>
</FieldGroup>

API Reference

FieldTextarea

Textarea component that integrates with Field context. Accepts all standard textarea props.

PropTypeDefaultDescription
rowsnumber3Number of rows.
colsnumber3Number of columns.
classNamestring-Additional CSS classes.
readOnlybooleanfalseWhen set to true, the textarea is read-only.
disabledbooleanfalseWhen set to true, the textarea is disabled.
resize"none""vertical""horizontal"