Textarea - Keep React

Textarea Input Component is a user interface element used to collect and display multiline text input from users. It provides an expandable box where users can enter a larger amount of text, such as comments, descriptions, or messages.

Table of Contents#

Default TextArea
Color variant Of Text Area
Text Area Without Border
Text Area With Helper Text
API Reference

Default TextArea#

The Default TextArea is a simple and versatile component that provides users with a larger text input area.

Color variant Of Text Area#

The Text Area component in our design system offers different color variants to match your UI's visual style and provide additional context. You can choose from the following color options: "gray" "info" "error" "warning" and "success".

Text Area Without Border#

You can easily create a TextArea without a border by setting the border prop to false.

Text Area With Helper Text#

It will be displayed below the TextArea to provide additional guidance or context for the user. You can add a helperText using the helperText prop in the TextArea component.

Info that helps a user with this field!

API Reference#

Explore the available props for the Text Area component

Property	Description	Type	Default
shadow	Applies a shadow effect to the textarea component.	boolean	false
helperText	Additional helper text or information related to the textarea.	ReactNode	None
withBg	Applies a background style to the textarea component.	boolean	false
border	Displays a border around the textarea component.	boolean	false
disabled	Disables interactions with the textarea component.	boolean	false
color	Specifies the color variant of the textarea component.	gray info error warning success	gray