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.

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

[fix] Input 컴포넌트 수정 #29

Closed
clapsheep opened this issue Dec 20, 2024 · 0 comments · Fixed by #52
Closed

[fix] Input 컴포넌트 수정 #29

clapsheep opened this issue Dec 20, 2024 · 0 comments · Fixed by #52
Assignees
Labels
🎨 Markup 마크업을 해요. 🛠️ Refactor 리팩토링을 합니다.

Comments

@clapsheep
Copy link
Owner

컴포넌트 디자인

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

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

수정전

스크린샷 2024-12-15 오후 7 49 33

수정후

스크린샷 2024-12-20 오후 6 29 44

컴포넌트 분류

- atom

구성 컴포넌트

아래의 컴포넌트가 이미 만들어져있어야 구현할 수 있어요.
- Input

주요 Props

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

기존 컴포넌트에 추가해야 할 prop

  • iconId
  • iconId 가 있으면 Input 내부에 해당 id를 가진 아이콘이 배치되도록 수정해주세요.
PropName Type Requirement Default
iconId string Optional -

활용 예시

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

스크린샷 2024-12-20 오후 6 29 44

@clapsheep clapsheep added 🛠️ Refactor 리팩토링을 합니다. 🎨 Markup 마크업을 해요. labels Dec 20, 2024
@clapsheep clapsheep added this to the 컴포넌트 제작 milestone Dec 20, 2024
@antisdun antisdun self-assigned this Dec 20, 2024
@antisdun antisdun moved this to 예정중 in honeyboard Dec 20, 2024
antisdun added a commit that referenced this issue Dec 22, 2024
- iconId 유무에 따른 아이콘 배치
[�fix] Input 컴포넌트 수정 #29
@antisdun antisdun moved this from 예정중 to 진행중 in honeyboard Dec 22, 2024
@github-project-automation github-project-automation bot moved this from 진행중 to 완료 in honeyboard Dec 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🎨 Markup 마크업을 해요. 🛠️ Refactor 리팩토링을 합니다.
Projects
Status: 완료
2 participants