Textarea

The Textarea component displays a textarea field.

Import

import { Field, Textarea } from '@cerberus/react'

The Textarea component displays a textarea field.

Loading example...

The Textarea component supports secondary helper text, which can be used to display additional information or a character count.

Loading example...

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

Loading example...

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 shares the same props mentioned in the Field Textarea API

On this page

import { Field, Textarea } from '@cerberus/react'

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

Loading example...

The Textarea component supports secondary helper text, which can be used to display additional information or a character count.

Anything else you want to tell us?

0/300

Loading example...

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

Custom LabelCustom Helper Text

Loading example...

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 shares the same props mentioned in the Field Textarea API