PasswordField

원본: projects/skill-lens/design/components/PasswordField/README.md

상태: Experimental(초안), 접근성 △, 다크 ✓, 코드 ✗

보기 켜고 끄기, 규칙, 일치 확인

견본만 새 창으로

비밀번호 입력란입니다. 보기 켜고 끄기, 규칙 안내, 다시 입력의 일치 확인이 붙습니다.

쓰는 곳

비밀번호 만들기, 로그인, 비밀번호 바꾸기.

구성(화면이 넘겨줄 것)

라벨, 규칙 문장, 값, 오류.

규칙

• 규칙("8자 이상, 영문과 숫자")은 처음부터 보이고, 맞으면 그 줄이 끝남 톤으로 바뀝니다.
• 다시 입력은 칸을 벗어난 뒤에 일치를 확인합니다(치는 중에는 오류를 띄우지 않음).
• 보기 버튼은 칸 오른쪽 끝, 누름 영역 40.
• 붙여넣기와 비밀번호 관리자를 막지 않습니다.

접근성

• 보기 버튼은 aria-pressed, 라벨 "비밀번호 보기".
• autocomplete="new-password" 또는 current-password.

이 사이트는 ideber 저장소 projects/skill-lens/ 에서 자동으로 만들어집니다. 고칠 때는 저장소를 고칩니다. 공개 주소이지만 검색엔진에는 나오지 않습니다.