---
sourceType: official-guide
sourceTypeMatchedRule: fallback
slug: MA/zaui/form/TextArea
title: TextArea
---
```ts
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ụ



## Bảng thuộc tính


### InputProps

| Tên | Type | Required | Default | Mô tả |
| --- | --- | --- | --- | --- |
| 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 | 'medium' | Kích thước của input. Mang một trong các giá trị `small`, `medium` hoặc `large`. |

### TextAreaProps

| Tên | Type | Required | Default | Mô tả |
| --- | --- | --- | --- | --- |
| 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 | 'medium' | Kích thước của textarea. Mang một trong các giá trị `small`, `medium` hoặc `large`. |
| showCount | boolean \| ShowCountProps | No | false | 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. |
| 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. |