Skip to content

Conversation

@solprime
Copy link
Collaborator

이슈 번호

close #16

변경 사항 요약

메뉴 컴포넌트

props

options : 메뉴팝업에 들어가는 옵션을 담을 배열
menuSize : 팝업의 크기
onSelect : 선택한 옵션을 반환

예시

<Menu
    options={optionArray}
    onSelect={handleOptionClick}
    menuSize="w-40"
/>

Dropdown 컴포넌트

props

options : 메뉴팝업에 들어가는 옵션을 담을 배열
dropdownSize : 드롭다운의 크기
onSelect : 선택한 옵션을 반환

예시

<Dropdown
        options={optionsArray}
        onSelect={handleOptionSelect}
        dropdownSize="w-40"
/>

테스트 결과

image

  • 드롭다운 컴포넌트 작성 중, 메뉴 컴포넌트를 먼저 작성한 후 드롭다운 컴포넌트에 사용할 수 있을 것 같아 동시에 작성하다가 순서가 꼬여 pr을 같이 올립니다. 다음 번엔 조심하겠습니다..

@solprime solprime added the 📁 컴포넌트 컴포넌트 개발 관련 작업 label Dec 15, 2024
@solprime solprime self-assigned this Dec 15, 2024
Copy link
Contributor

@junghwaYang junghwaYang left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

메뉴 스타일 컴포넌트 분리 좋습니당!
고생하셨어요!!

Copy link
Collaborator

@crazyupinc-design crazyupinc-design left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

사용하기 쉽도록 깔끔하게 잘 작성하신것같습니다!
수고많으셨습니다

@solprime solprime merged commit f015563 into develop Dec 16, 2024
1 check passed
@solprime solprime deleted the feature/#16_Dropdown-컴포넌트 branch December 16, 2024 08:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

📁 컴포넌트 컴포넌트 개발 관련 작업

Projects

Status: 완료

Development

Successfully merging this pull request may close these issues.

메뉴 컴포넌트 / Dropdown 컴포넌트

4 participants