Day8 김미진 66 Text Field 컴포넌트 구현 - Githubissues

RollingPaperTeam / rolling-papaer-web

Apache License 2.0

1 stars 1 forks source link

Day8 김미진 66 Text Field 컴포넌트 구현 #67

Closed mijin0928 closed 8 months ago

mijin0928 commented 8 months ago

이 PR은 어떤 유형인가요?

[ ] 리팩터링
[x] 기능
[ ] 버그 수정
[ ] 최적화
[ ] 문서 업데이트

설명

Text Field 컴포넌트 구현

InputContainer

input에 값이 없을 시 오류 메시지 출력
focus, hover, active 속성 구현
disabled로 input값 입력 막기

SelectBox

현재 선택한 셀렉트박스만 toggle 되게 하기
css transition + height 속성으로 부드럽게 열리고 닫히는 toggle 구현
css transition + rotate 속성으로 toggle 됐을 시 화살표 돌아가게 하기
focus, hover, active 속성 구현
disabled로 셀렉트박스 기능 막기

TextEditor

react-quill 텍스트에디터 설치
스타일 컴포넌트 적용하여 디자인 구현

관련 티켓 및 문서

Related Issue #66
Closes #66

스크린샷, 녹화

textfiled texteditor

UI 접근성 체크리스트

UI 변경 사항이 있는 경우, 이 체크리스트를 활용하세요:

[ ] Semantic HTML 구현?
[ ] 키보드 조작이 지원?
[x] axe DevTools를 사용하여 Critical 및 Serious 문제를 확인하고 해결했나요?

[선택사항] 이 PR을 가장 잘 설명하는 GIF는 무엇인가요?

f18a14c1a5a2b11dbaa9a43b9ede32ca day1에 만든 걸 이제서야..