TextArea

Cập nhật lần cuối:15/6/2026

import { Input } from "zmp-ui";
const { TextArea } = Input;

Dùng để nhập nội dung dài hoặc có nhiều dòng

Ví dụ

Property	Type	Required	Description
value	InputHTMLAttributes['value']	No	Giá trị của input. Cần được sử dụng cùng với `onChange` để cập nhật lại giá trị.
onChange	InputHTMLAttributes['onChange']	No	Callback được gọi khi giá trị của input thay đổi. Cần phải cập nhật lại giá trị của `value` nếu được truyền vào.
type	InputType	No	Loại input.
status	InputStatus	No	Trạng thái hợp lệ của input. Nếu là `error`, input sẽ có màu cảnh báo kèm theo `errorText`, ngược lại input sẽ có màu trung hoà kèm theo `helperText`.
onPressEnter	KeyboardEventHandler	No	Callback được gọi khi người dùng nhấn Enter hoặc xuống dòng trong input.
size	InputSize	No	Kích thước của input. Mang một trong các giá trị `small`, `medium` hoặc `large`. (default: `'medium'`)

Property	Type	Required	Description
value	InputHTMLAttributes['value']	No	Giá trị của textarea. Cần được sử dụng cùng với `onChange` để cập nhật lại giá trị.
onChange	InputHTMLAttributes['onChange']	No	Callback được gọi khi giá trị của textarea thay đổi. Cần phải cập nhật lại giá trị của `value` nếu được truyền vào.
status	InputStatus	No	Trạng thái hợp lệ của textarea. Nếu là `error`, textarea sẽ có màu cảnh báo kèm theo `errorText`, ngược lại textarea sẽ có màu trung hoà kèm theo `helperText`.
onPressEnter	KeyboardEventHandler	No	Callback được gọi khi người dùng nhấn Enter hoặc xuống dòng trong textarea.
size	InputSize	No	Kích thước của textarea. Mang một trong các giá trị `small`, `medium` hoặc `large`. (default: `'medium'`)
showCount	boolean \| ShowCountProps	No	Hiện số lượng ký tự đã nhập vào textarea ở góc dưới bên phải (bộ đếm ký tự). Có thể truyền vào một object với thuộc tính `formatter` để ghi đè cơ chế của bộ đếm. (default: `false`)
autoHeight	boolean	No	Khi `autoHeight` là `true`, textarea sẽ tự động điều chỉnh chiều cao theo giá trị hiện tại. Khi `autoHeight` là `false`, textarea sẽ cố định height.