Skip to content

RadioGroup Figma 디자인 불일치 수정#894

Open
sounmind wants to merge 1 commit intomainfrom
755-radio-figma-alignment
Open

RadioGroup Figma 디자인 불일치 수정#894
sounmind wants to merge 1 commit intomainfrom
755-radio-figma-alignment

Conversation

@sounmind
Copy link
Member

Closes #755

코멘트의 1번, 2번, 5번, 6번, 7번 항목을 코드 수정으로 해결합니다.

  • 기본 tone을 "neutral""brand"로 변경 (Figma use_case 및 Checkbox 컴포넌트와 일치)
  • Checked 상태에서 tone별 색상 반영 (circle border + dot 색상)
  • hint prop 추가 (라벨 옆 보조 텍스트, e.g. "옵션 선택")
  • 수직 배치 간격 8px → 9px (Figma 스펙 반영)
  • Radio Option 내부 패딩 4px 추가 (Checkbox 컴포넌트와 일치)

테스팅

  • bun run lint — 0 errors
  • bun run test — 473 tests passed
  • bun run build — 빌드 성공

체크 리스트

  • 코드 리뷰를 요청하기 전에 반드시 CI가 통과하는지 확인해주세요.
  • 컴포넌트나 스토리 변경이 있는 경우 PR에 ui 태그를 달아주세요.
    • UI Tests를 통해 스냅샷 차이가 의도된 것인지 확인해주세요.
    • UI Review를 통해 디자이너에게 리뷰를 요청하고 승인을 받으세요.

- Change default tone from "neutral" to "brand" to match Figma use_case
- Apply tone-specific colors to checked state (border and dot)
- Add hint prop for auxiliary label text (e.g. "옵션 선택")
- Adjust vertical gap from 8px to 9px per Figma spec
- Add 4px padding to Radio items matching Checkbox component
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

ui Chromatic

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Radio Group 문서화 검토

1 participant