-
Notifications
You must be signed in to change notification settings - Fork 1
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
[FEAT] 페이지 버튼 공통 컴포넌트 구현 #36
Conversation
🪷 Storybook 확인 🪷 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
숫자 공컴 잘 만들어주셔서 나중에 페이지네이션에 잘 사용할 수 있겠네요!! 짱짱
import pageBtnStyles from './pageBtn.css'; | ||
|
||
interface PageBtnProps { | ||
pageNum: number; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
pageIndex 처럼 네이밍을 하면 더욱 이해하기 쉬울 것 같습니당!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
넵 반영했습니다~@!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
수고하셨습니다 ~ 🤟🏿
src/stories/pageBtn.stories.ts
Outdated
} | ||
|
||
const meta: Meta<typeof PageBtn> = { | ||
title: 'Common/PageBtn', // 스토리북에서 표시될 경로 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
주석은 지워주셔도 될 것 같고, 스토리북 경로도 Common/Button/PageBtn
으로 수정하면 좋을 것 같습니다 ~~~!!!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
반영했습니다~!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
첫번째 공통컴포넌트!! 깔끔하게 잘 구현해주셔서 감사합니다
수고하셨습니다~
@@ -0,0 +1,23 @@ | |||
import theme from '@styles/theme.css'; | |||
import { styleVariants } from '@vanilla-extract/css'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
recipe말고 styleVariants로도 다양한 variants를 가진 스타일을 잘 적용해주신 것 같아요!
새로운 방법도 알게 되어서 좋네요 :)
덕분에 단일 스타일에 대해 정의하는 style과 styleVariants의 차이점에 대해서도 알아보았습니당
🛰️ 관련 이슈
🧑💻 작업 내용
🗯️ PR 포인트
🚀 알게된 점
📖 참고 자료 (선택)
📸 스크린샷 (선택)
현재 페이지인 경우
현재 페이지가 아닌 경우