M5
Form Field
label + input + helper/error 결합. helperText vs errorMessage 상호 배제.
정책 SSoT — components.md §M5
helper · error · required 변형
이메일 주소를 입력하세요
선택 입력
Login fixture form states
MVP login modal fixture preset 기준 disabled · loading · error · focus-visible 입력 상태
email-signup/email-error
이메일 형식이 올바르지 않습니다. 예: name@example.com
이메일 형식을 확인한 뒤 인증 코드를 다시 요청하세요.
email-signup/code-error
인증 코드가 일치하지 않습니다. 코드를 확인하거나 다시 보내기를 선택하세요.
인증에 실패했습니다. 코드를 다시 입력하거나 재전송하세요.
email-signup/verify-loading
인증 코드를 확인하는 중입니다. 실제 서버 검증은 연결하지 않습니다.
Media field
image preview + upload/delete action + helper/error 조합
샘플 이미지
대표 이미지
샘플 이미지원본 이미지는 유지하고 preview 영역에서 목표 비율에 맞춰 보정합니다.
파일 형식 오류
오류
이미지 파일만 미리볼 수 있습니다.
Counted textarea
장문 입력 + 내부 글자 수 카운터
Markdown 문법을 사용할 수 있으며 최대 5,000자입니다.
39 / 5,000
Responsive
viewport에 따라 단/다 컬럼 폼 전환