Radio
- 구성: RadioGroup, RadioGroup.Title, RadioGroup.Radio
- RadioGroup [props]: title | titleClassName | radioGroupClassName | onChange
- RadioGroup.Radio [props]: value (required)
🧩 기본 사용 예시
<RadioGroup
radioGroupClassName="gap-3"
title="Rating"
titleClassName="mb-4 text-[1.8rem]"
onSelect={(value) => setSelected(value)}
>
<RadioGroup.Radio value={1}>전체</RadioGroup.Radio>
<RadioGroup.Radio value={2}>4.5 - 5.0</RadioGroup.Radio>
<RadioGroup.Radio value={3}>4.0 - 4.5</RadioGroup.Radio>
<RadioGroup.Radio value={4}>3.5 - 4.0</RadioGroup.Radio>
<RadioGroup.Radio value={5}>3.0 - 3.5</RadioGroup.Radio>
</RadioGroup>Example
Rating
선택한 값: 1
Rating
선택한 값2: