Skip to main content
/
/
/
TextArea

TextArea

Editable multi-line text input field

import TextArea from "@intility/bifrost-react/TextArea";
Props

Basic TextArea

TSX
<TextArea label="Additional information" />

Controlled mode

Bind data by using value and onChange props just like you would on a native <textarea>.

Also see the official react textarea docs.

Description text

description prop can be used as hints or additional information about what to fill out.

Validation

Text areas can have different states. Use feedback to provide additional information.

Use the required prop to render TextArea as required. This will add (required) text after the label.

Read more

See usage demo at Forms example

Read only

A readOnly textArea is not editable, and gets a "lock" icon next to its label. It is useful for displaying information that can be copied, that should not be changed by the user, but still needs to be visible.

Disabled

Disable a text area field with the disabled prop.