라디오 그룹
Betelgeuse 의 라디오 그룹은 상호 배타적인 선택지를 하나의 명시적 집합과 강한 배치로 묶는다.
상태
stack
inline
활용 방법
모드 선택
관련 선택지를 fieldset으로 묶고 legend와 보조 설명으로 선택의 맥락을 유지한다.
Preview
tsx
<RadioGroup label="Mode" name="mode" defaultValue="hot" options={options} />
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| options | RadioOption[] | - | value·label·description·disabled |
| name | string | - | 그룹 name |
| label | ReactNode | - | 그룹 legend |
| value | string | - | controlled 값 |
| defaultValue | string | - | 초기 값 |
| onChange | (value: string) => void | - | 값 변경 콜백 |
| direction | "stack" | "inline" | "stack" | 배치 |