RadioGroup
core독립적인 라디오 그룹 컴포넌트. 레이블, 설명, 다양한 크기 지원.
컴포넌트 의존 관계
깊이
100%
Basic
요금제 선택
Sizes
Small
Medium
Large
Horizontal Layout
배송 방법
Disabled
플랜 선택 (비활성화)
Without Group Label
테스트 커버리지
2026년 2월 4일생성된 테스트 결과를 찾지 못했습니다.
RadioGroup 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.
테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.
RadioGroup Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
value | string | — | 제어 모드: 선택된 값 |
defaultValue | string | "" | 비제어 모드: 초기 선택 값 |
onChange | (value: string) => void | — | 선택 변경 핸들러 |
orientation | "horizontal" | "vertical" | "vertical" | 레이아웃 방향 |
label | string | — | 그룹 레이블 |
name | string | — | 폼 제출 시 사용할 이름 |
Radio Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
value | string | — | 라디오 값 (RadioGroup 안에서는 부모가 관리하므로 optional) |
label | string | — | 라디오 레이블 |
description | string | — | 레이블 아래 설명 텍스트 |
size | "sm" | "md" | "lg" | "md" | 라디오 크기 |
Import
tsx
import { RadioGroup, Radio } from "@reopt-ai/opt-ui";키보드 동작
| 키 | 동작 |
|---|---|
| ↑ ↓ | 라디오 옵션 간 탐색 |
| ← → | 라디오 옵션 간 탐색 |
| Space | 현재 옵션 선택 |