Skip to content

[Feature] radio 컴포넌트 생성#150

Merged
aken-you merged 8 commits intodevelopfrom
feature/radio-button
Sep 28, 2025
Merged

[Feature] radio 컴포넌트 생성#150
aken-you merged 8 commits intodevelopfrom
feature/radio-button

Conversation

@aken-you
Copy link
Contributor

☘️ 작업 내용

사용법은 storybook을 참고해주시면 됩니다.

간략하게 말씀드리자면 아래와 같습니다.

  1. RadioGroup으로 전체를 감싼다.
  2. 값이 바뀔 때 실행될 핸들러는 RadioGroup의 onValueChange에 넣는다.
  3. 옵션을 만들 때는 RadioGroupItem과 label을 짝지어 쓴다.
  4. RadioGroupItem에는 value와 id를 지정한다.
  5. label의 htmlFor는 RadioGroupItem의 id와 똑같이 맞춰준다.

@aken-you aken-you self-assigned this Sep 27, 2025
return (
<RadioGroupPrimitive.Root
data-slot="radio-group"
className={cn('grid gap-3', className)}
Copy link
Contributor

Choose a reason for hiding this comment

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

gap-3

요런거 저희 디자인 시스템에 맞추지 않아도 적용되나요?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

같은 CSS 속성이 className에 들어있으면, className으로 덮어씌워져서 아마 storybook에 grid gap-3가 적용되지 않았을 거예요
첫 번째 인수 스타일링을 안쓸 것 같긴한데, 지울까요?!

@aken-you aken-you changed the title Feature/radio button [Feature] radio 컴포넌트 생성 Sep 28, 2025
@aken-you aken-you merged commit b02a83e into develop Sep 28, 2025
@aken-you aken-you deleted the feature/radio-button branch November 15, 2025 13:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants