input
input là thành phần nhập liệu cơ bản. 3 sizes, hỗ trợ label, helper text, và validation state.
basic
sizes
label & helper text
phải chứa ít nhất 1 chữ hoa và 1 số
validation
tên đăng nhập phải có ít nhất 3 ký tự
design tokens
--input-bg var(--surface-bg) --input-border var(--border-color) --input-focus-ring rgba(6,75,174,0.15) --input-error-ring rgba(220,38,38,0.15) --size-input-sm 32px --size-input-md 40px --size-input-lg 48px storybook
component tương tác đầy đủ với docs, variants, và interaction tests.