Radio

[heeji289]

컴포넌트 기능 정의

• 선택지를 라디오 형태로 보여주고 고를 수 있게 하는 컴포넌트입니다. 한 개의 옵션만 선택할 수 있습니다.
• RadioGroup, Radio로 Group에 감싸있는 옵션들을 보여주고 사용자 입력을 제어합니다.

디자인 요구사항

• 세로 정렬, 가로 정렬 옵션이 있어야 해요

컴포넌트 스펙

const [value, setValue] = React.useState('option1');

  return (
    <RadioGroup
      value={value}
      onValueChange={(newValue) => setValue(newValue)}
    >
      <Radio value="apple" id="option1">
        사과
      </Radio>

      <Radio value="orange" id="option2">
        오렌지
      </Radio>

      <Radio value="grape" id="option3">
        포도
      </Radio>
    </RadioGroup>
  );

기술적 고려사항

참고 자료

• 당근 Radio 스펙 문서
• radix-ui Radio 구현체

추가 논의사항

[noahluftyang]

오.. 당근 디자인 시스템은 오픈소스였군요

[heeji289]

오.. 당근 디자인 시스템은 오픈소스였군요

내부 구현체는 공개되어 있지 않고 스펙 정도만 나와있는 것 같더라구요~