Student Input
Input component phong cách Gamified dành riêng cho học sinh — bo góc lớn, font Nunito, phản hồi trạng thái rõ ràng theo Figma spec.
Installation
Import trực tiếp từ package examdee-design-system. Có thể dùng riêng lẻ từng sub-component.
import { StudentInput, InputTitle, InputHelper } from "@examdee/deeui";States
Default
Nhập địa chỉ email
Hover
Nhập địa chỉ email
Focus
Nhập địa chỉ email
Inputed
Nhập địa chỉ email
Disabled
Nhập địa chỉ email
Error
Email không hợp lệ
Success
Email hợp lệ
Sizes
Small (sm)
Nhập địa chỉ email
Medium (md)
Nhập địa chỉ email
Large (lg)
Nhập địa chỉ email
InputTitle — Optional & Tooltip
Optional=False, Tooltip=False
Input Title
Optional=True, Tooltip=False
Họ và tên(Optional)
Optional=False, Tooltip=True
Số điện thoại
InputHelper — States & Icon
Icon=true, States=default
Nhập địa chỉ email
Icon=false, States=default
Nhập địa chỉ email
Icon=true, States=error
Email không hợp lệ
Icon=false, States=error
Email không hợp lệ
Icon=true, States=info
Dùng email trường học
Icon=false, States=info
Dùng email trường học
Icon=true, States=pending
Đang kiểm tra...
Icon=false, States=pending
Đang kiểm tra...
Prefix & Suffix Icons
Tìm kiếm
Nhập từ khóa bài học
Địa chỉ email
Nhập email của bạn
Mật khẩu
Tối thiểu 8 ký tự
Optional Label
Số điện thoại(Optional)
Không bắt buộc
Không có Title / Helper
Từ khóa