-
Notifications
You must be signed in to change notification settings - Fork 0
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
[#13] 토글 공통 컴포넌트 구현 #22
base: main
Are you sure you want to change the base?
Conversation
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 ToggleRoot from './ToggleRoot' | ||
import ToggleThumb from './ToggleThumb' | ||
|
||
const Toggle = () => { | ||
return ( | ||
<ToggleRoot> |
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.
수정하겠습니다 !
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.
toggle 폴더에 index.ts 파일을 만들어서 폴더내에있는 파일들을 한번에 export 하게 하면 좋을꺼같습니다.
@@ -0,0 +1,24 @@ | |||
'use client' | |||
|
|||
import * as Switch from '@radix-ui/react-switch' |
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.
현재 radix 라이브러리를 전체를 가르키는 변수명을 [기능]Primitive 로 이름짓구 있습니다. SwitchPrimitive로 바꾸면 컨벤션을 유지 할 수 있을꺼같아요 !!
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.
오 감사합니다 !!
height: 21px; | ||
background-color: ${theme.color.white}; | ||
border-radius: 9999px; | ||
box-shadow: 0 2px 2px var(--black-a7); |
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.
현재 여기 있는 --black-a7 변수는 제대로 적용되고 있는걸까요??
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.
레퍼런스 하는 도중에 들억간거 같습니다. 수정하겠습니다 !
🧑🏻💻 작업 내용
2024-05-13.6.17.55.mov
🚀 중요한 포인트
저희가 toggle이라고 생각했던 ui가 radix에는 switch로 나와있어 부득이하게 이름을 바꾸었습니다. 사용하실때 헷갈리지않고 사용하세요.!