[노철] - TooltipButton 구현 #489
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
suehdn
approved these changes
Mar 11, 2024
| isOpen: false, // 툴팁 열림 여부 | ||
| handleSetIsOpen: () => {}, //툴팁 상태 변경 함수 | ||
| handleCloseTooltip: () => {}, //툴팁 닫기 함수 | ||
| optionsPosition: 'top' as Position, //Options컴포넌트 위치(열림 방향을 위해서 필요) |
There was a problem hiding this comment.
top일때는 위로 카카오톡, 링크 복사하기 이렇게 두 개가 보이는 것이고
bottom일 때는 툴팁이 닫히는 방식으로 작동하는 건가요?
There was a problem hiding this comment.
컴포넌트 넣어주는 순서에 따라서 팝업이 열리는 위치를 정하도록 해주었습니다
Options의 위치가 top일때는 카카오톡, 링크 복사하기가 위에 나오고, bottom 일때는 아래에 나오도록 설정한겁니다.
<TooltipButton.Main>
<TooltipButton.Trigger />
<TooltipButton.Options />
</TooltipButton.Main
//Options 컴포넌트가 아래에 있어서 팝업시 버튼 목록이 아래로 펼쳐집니다.
<TooltipButton.Main>
<TooltipButton.Options/>
<TooltipButton.Trigger/>
</TooltipButton.Main>
// Options 컴포넌트가 위에 있어서 팝업시 버튼 목록이 위로 펼쳐집니다.There was a problem hiding this comment.
작성 위치에 따라 변경되는 부분 너무 좋은 것 같은데 처음 보는 사람은 이해하기가 좀 어려운것 같습니다..!
props로 받아와 변경해주는게 좀 더 사용하기 편할것 같아요 😄
MinwooP
approved these changes
Mar 12, 2024
…into feat/#488/tootip-button
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
📌 이슈 번호
🚀 구현 내용
컴포넌트 설명을 주석으로 넣었습니다.
📘 참고 사항
plan 페이지 적용을 했지만 디자인은 변경될 것 같아서 기존 디자인 그래도 사용했습니다.