Textarea

Text fields let users enter text into a UI

1
import {
2
  Field,
3
  Textarea,
4
} from '@cerberus/react'

Usage

The Textarea component displays a textarea field.

Enter your email

We'll never share your email with anyone else.

Invalid example

A name is required to submit this form. It replaces the helper text.

Anything else you want to tell us?

This will help us learn more about you.0/300

Customizing

You can customize the textarea by passing styles directly into the component and is a re-export of the FieldTextarea primitive.

Custom LabelCustom Helper Text

API

Props

The Textarea accepts the following props in addition to any native textarea props:

Name	Default	Description
size		This size variant of the textarea

The Textarea component also accepts any of the props from the FieldParts.Textarea primitive.

1
import {
2
  Field,
3
  Textarea,
4
} from '@cerberus/react'

Usage

The Textarea component displays a textarea field.

Enter your email

We'll never share your email with anyone else.

Invalid example

A name is required to submit this form. It replaces the helper text.

Anything else you want to tell us?

This will help us learn more about you.0/300

Customizing

You can customize the textarea by passing styles directly into the component and is a re-export of the FieldTextarea primitive.

Custom LabelCustom Helper Text

API

Props

The Textarea accepts the following props in addition to any native textarea props:

Name	Default	Description
size		This size variant of the textarea

The Textarea component also accepts any of the props from the FieldParts.Textarea primitive.

1
import {
2
  Field,
3
  Textarea,
4
} from '@cerberus/react'

Usage

The Textarea component displays a textarea field.

Enter your email

We'll never share your email with anyone else.

Invalid example

A name is required to submit this form. It replaces the helper text.

Anything else you want to tell us?

This will help us learn more about you.0/300

Customizing

You can customize the textarea by passing styles directly into the component and is a re-export of the FieldTextarea primitive.

Custom LabelCustom Helper Text

API

Props

The Textarea accepts the following props in addition to any native textarea props:

Name	Default	Description
size		This size variant of the textarea

The Textarea component also accepts any of the props from the FieldParts.Textarea primitive.

1
import {
2
  Field,
3
  Textarea,
4
} from '@cerberus/react'

Usage

The Textarea component displays a textarea field.

Enter your email

We'll never share your email with anyone else.

Invalid example

A name is required to submit this form. It replaces the helper text.

Anything else you want to tell us?

This will help us learn more about you.0/300

Customizing

You can customize the textarea by passing styles directly into the component and is a re-export of the FieldTextarea primitive.

Custom LabelCustom Helper Text

API

Props

The Textarea accepts the following props in addition to any native textarea props:

Name	Default	Description
size		This size variant of the textarea

The Textarea component also accepts any of the props from the FieldParts.Textarea primitive.