[CREATE] Button 컴포넌트 구현 - Githubissues

RollingPaperTeam / rolling-papaer-web

Apache License 2.0

1 stars 1 forks source link

[CREATE] Button 컴포넌트 구현 #19

Closed mijin0928 closed 9 months ago

mijin0928 commented 9 months ago

이 PR은 어떤 유형인가요?

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

설명

Button 컴포넌트 구현

ButtonStyle

공통 버튼 스타일 적용

ButtonAdd, ButtonDeleted

추가, 삭제 버튼

Icon

아이콘 모음

primary, secondary, outlined

버튼 디자인 종류별로 구분

size

large(56), medium(40), small(36), mini(28)
버튼 크기

hover, active, focus

버튼 마우스 효과

fontSize

폰트 사이즈

borderRadius

border-radius: 0.6rem

disabled

버튼 비활성화

Arrow Button

캐러셀 버튼

Toggle Button

컬러, 이미지 버튼
클릭 시 해당되는 버튼 활성화

`<br />`

버튼이 너무 붙어있어 여백을 주기위해 임의적으로 사용
디자인과는 무관

관련 티켓 및 문서
Related Issue #11
Closes #11

스크린샷, 녹화

localhost_3000_

UI 접근성 체크리스트

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

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

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

Wow-gif 버튼이 좀 많아서 살짝 놀랬습니다..