issues
search
FRONTENDSCHOOL6
/
react-project-11
멋쟁이사자처럼 프론트엔드스쿨 6기 리액트 프로젝트 11조
https://taingeleven.netlify.app/
0
stars
4
forks
source link
[tvingLogin] 비밀번호 type 전환(비밀번호 visible버튼) 컴포넌트 구현
#68
Closed
kimInDa
closed
1 year ago
kimInDa
commented
1 year ago
input에 입력한 비밀번호를 보거나 숨길 수 있는 컴포넌트를 구현하였습니다.
input의 name 속성에 "password" 단어가 포함되면 해당 컴포넌트를 포함한 input 컴포넌트로 렌더링 됩니다.(passworeConfirm 에서도 사용 가능)
접근성
마우스 뿐만 아니라 키보드로 접근하여 키보드 버튼으로 조작이 가능합니다.
포커스링으로 현재 해당 버튼이 포커싱 된 상태임을 사용자에게 알려줍니다.
비밀번호의 상태가 바뀔 때 마다 button의 aria-label도 변화합니다.
input에 입력한 비밀번호를 보거나 숨길 수 있는 컴포넌트를 구현하였습니다.