@olundot/ui · Selection

Radio

RadioGroup 안에서 사용하는 단일 라디오 옵션 primitive입니다.

부모
항상 RadioGroup 안에서 사용
콘텐츠
children label · description optional
선택 색
primary / primary-fg

라디오 옵션

RadioGroup 안에서 쓰는 단일 라디오 옵션
코드 보기tsx
import { Radio, RadioGroup } from "@olundot/ui";

export function DeliveryModeOption() {
  return (
    <RadioGroup aria-label="응시 방식" name="delivery" defaultValue="live">
      <Radio value="live" description="감독관이 입장 상태를 확인합니다.">실시간 시험</Radio>
      <Radio value="practice">연습 시험</Radio>
      <Radio value="remote" disabled>원격 시험</Radio>
    </RadioGroup>
  );
}