Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[markup] SelectCalendar 컴포넌트 #12

Open
clapsheep opened this issue Dec 18, 2024 · 0 comments · May be fixed by #25
Open

[markup] SelectCalendar 컴포넌트 #12

clapsheep opened this issue Dec 18, 2024 · 0 comments · May be fixed by #25
Assignees
@jump6746
Labels
🎨 Markup 마크업을 해요.
Milestone
컴포넌트 제작

Comments

@clapsheep
Copy link
Owner

clapsheep commented Dec 18, 2024 •
edited
Loading

컴포넌트 디자인

Figma 디자인 시안에 있는 컴포넌트 디자인

  • 실제 Figma 프로젝트에서 정확한 수치와 반응형을 고려하여 설계해주세요.
  • Color 및 size는 프로젝트 내에 지정된 수치를 사용해야하며, 혹시 디자인에 그렇게 반영되어 있지 않다면 개발단계에서 협의 후 진행해주세요.

image.png

컴포넌트 분류

  • atoms

주요 Props

제시된 Props 외에 재사용성을 고려한 Props들이 무엇이 있을지 고민해주세요.

PropName Type Requirement Default
year number    
month number    
onClickLeft (e: React.MouseEvent)⇒ void    
onClickRight (e: React.MouseEvent)⇒ void    

활용 예시

아래의 예시를 통해 DX를 고려하여 이해하기 쉬운 방향으로 컴포넌트를 설계해주세요.

image.png
@clapsheep clapsheep added the 🎨 Markup 마크업을 해요. label Dec 18, 2024
@clapsheep clapsheep added this to the 컴포넌트 제작 milestone Dec 18, 2024
@jump6746 jump6746 self-assigned this Dec 19, 2024
@jump6746 jump6746 moved this to 진행중 in honeyboard Dec 19, 2024
jump6746 added a commit to jump6746/honeyboard-client that referenced this issue Dec 20, 2024
@jump6746
[refactor] SelectCalender 아이콘 수정 반영
3b9956c 
- 수정된 아이콘 반영했습니다.
closes clapsheep#12

-
@jump6746 jump6746 linked a pull request Dec 20, 2024 that will close this issue
Open
13 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@jump6746 jump6746

Labels
🎨 Markup 마크업을 해요.
Projects
honeyboard
Status: 진행중
Milestone
컴포넌트 제작
Development

Successfully merging a pull request may close this issue.

[markup] SelectCalendar, Persona 컴포넌트 제작 jump6746/honeyboard-client
2 participants
@jump6746 @clapsheep