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

[#13] 토글 공통 컴포넌트 구현 #22

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

[#13] 토글 공통 컴포넌트 구현 #22

wants to merge 3 commits into from

Conversation

chaduhwan
Copy link

🧑🏻‍💻 작업 내용

2024-05-13.6.17.55.mov

🚀 중요한 포인트

저희가 toggle이라고 생각했던 ui가 radix에는 switch로 나와있어 부득이하게 이름을 바꾸었습니다. 사용하실때 헷갈리지않고 사용하세요.!

@hanseulhee hanseulhee linked an issue May 13, 2024 that may be closed by this pull request
2 tasks
Copy link
Member

@hanseulhee hanseulhee left a comment

Choose a reason for hiding this comment

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

고생하셨씁니다 👍🏻👍🏻👍🏻

Comment on lines +1 to +6
import ToggleRoot from './ToggleRoot'
import ToggleThumb from './ToggleThumb'

const Toggle = () => {
return (
<ToggleRoot>
Copy link
Member

Choose a reason for hiding this comment

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

👍🏻👍🏻👍🏻👍🏻 경로만 절대로 바꾸면 좋을 것 같아용 !!

Copy link
Author

Choose a reason for hiding this comment

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

수정하겠습니다 !

Copy link

@Mulgyeol Mulgyeol 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
Contributor

@03hoho03 03hoho03 left a 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'
Copy link
Contributor

Choose a reason for hiding this comment

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

현재 radix 라이브러리를 전체를 가르키는 변수명을 [기능]Primitive 로 이름짓구 있습니다. SwitchPrimitive로 바꾸면 컨벤션을 유지 할 수 있을꺼같아요 !!

Copy link
Author

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);
Copy link
Contributor

Choose a reason for hiding this comment

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

현재 여기 있는 --black-a7 변수는 제대로 적용되고 있는걸까요??

Copy link
Author

Choose a reason for hiding this comment

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

레퍼런스 하는 도중에 들억간거 같습니다. 수정하겠습니다 !

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Status: In Progress
Development

Successfully merging this pull request may close these issues.

[feat] 토글 공통 컴포넌트
4 participants