Welcome UI - Customizable design system with react

Textarea

The Textarea component is a multi-line input field that allows users to enter and edit larger blocks of text. It is commonly used in forms and applications where more extensive text input is required, such as comments, descriptions, or messages. This component provides features like resizing, placeholder text, and validation, enhancing the user experience by accommodating detailed text entry.

Textarea

autoFocus

Boolean

disabled

Boolean

hasIcon

Boolean

iconPlacement

"right" | "left" | "both"

isClearable

Boolean

maxLength

number

minRows

number | undefined = 5

name

string

onBlur

(event: FocusEvent<HTMLTextAreaElement, Element>) => void

onChange

(event: ChangeEvent<HTMLTextAreaElement>) => void

onFocus

(event: FocusEvent<HTMLTextAreaElement, Element>) => void

onKeyDown

(event: KeyboardEvent<HTMLTextAreaElement>) => void

placeholder

string

size

"xs" | "sm" | "md" | "lg" | undefined = md

transparent

Boolean

value

string

variant

"error" | "focused" | "info" | "success" | "warning"