본문으로 건너뛰기
선택

라디오 그룹

서로 배타적인 선택지를 fieldset과 legend로 묶는 단일 선택 그룹이다.

활용 방법

승인 방식

모든 옵션을 동시에 보여 주면서 하나의 값만 선택한다.

Preview
승인 방식
tsx
<RadioGroup name="approval" defaultValue="manual" options={[{ value: "manual", label: "수동" }, { value: "auto", label: "자동" }]} />

속성

이름타입기본값설명
optionsRadioOption[]-옵션 목록
direction"stack" | "inline""stack"배치
valuestring-제어 모드 선택 값
onChange(value: string) => void-선택 변경 콜백