Skip to content

TextArea

Github icon-storybook-square Storybook Markdown Copy for LLM

The TextArea component is used to create a multi-line text input field in forms.

Import

import { TextArea } from "@cfa/react-core";

Live Editor

Examples

Sizes

Use the size prop to control padding and typography. Options are sm, md (default), and lg.

Disabled

Use the disabled prop to render the TextArea in a disabled state. This prevents user interaction and indicates that the field is not editable.

Readonly

Use the readOnly prop to render the TextArea in a read-only state. This allows users to view the content without being able to modify it.