Phiên bản: 1.11.0

Input

Cập nhật lần cuối: 23/6/2025

import { Input } from "zmp-ui";

Dùng để tạo ô nhập liệu cho phép người dùng nhập văn bản và lấy dữ liệu

Ví dụ

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.