TextArea

Cập nhật lần cuối: 16/04/2025

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

Name	Type	Default	Description
size	InputSize	'medium'	Kích thước của input. Mang một trong các giá trị small, medium hoặc large.
status	InputStatus		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.
type	InputType		Loại input.
value	InputHTMLAttributes['value']		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']		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.
onPressEnter	KeyboardEventHandler		Callback được gọi khi người dùng nhấn Enter hoặc xuống dòng trong input.

TextAreaProps

Name	Type	Default	Description
showCount	boolean|ShowCountProps	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.
size	InputSize	'medium'	Kích thước của textarea. Mang một trong các giá trị small, medium hoặc large.
status	InputStatus		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.
value	InputHTMLAttributes['value']		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']		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.
onPressEnter	KeyboardEventHandler		Callback được gọi khi người dùng nhấn Enter hoặc xuống dòng trong textarea.