TextareaField renders a field composed of a Textarea, a Label and a InlineMessage

TextareaField is the preferred way to render a form field for multi-line text.

In addition to text Label (required) and a validation error (optional), TextareaField accepts all the same props as Textarea and will pass them on to the textarea it renders. However, as with all our composed components, TextareaField’s css prop will be applied to a containing Box — the styling of the individual components inside TextareaField cannot be altered.

<Form>
<TextareaField
label="Write something"
name="example"
id="example"
css={{ width: 320 }}
/>
</Form>

API Reference

PropTypeDefaultRequired
state
"error"

-

-

cssCSSProperties

-

-

labelstring

-

error
string

-

-

prompt
{ link: string; label: string; }

-

-

description
string

-

-

hideLabel
boolean

-

-

validation
ValidationOptions

-

-