Radio

라디오 버튼 컴포넌트는 여러 옵션 중 하나를 선택하는 폼 요소입니다.

기본 사용법

Option 1

Option 2

Option 3 (비활성화)

import { RadioGroup, RadioGroupItem } from '@aift/ui/Radio';

export default function Preview() {
  return (
    <div className="space-y-4">
      <RadioGroup defaultValue="option1">
        <div className="flex items-center gap-2">
          <RadioGroupItem value="option1" id="radio-1" />
          <label htmlFor="radio-1" className="text-sm">
            Option 1
          </label>
        </div>
        <div className="flex items-center gap-2">
          <RadioGroupItem value="option2" id="radio-2" />
          <label htmlFor="radio-2" className="text-sm">
            Option 2
          </label>
        </div>
        <div className="flex items-center gap-2">
          <RadioGroupItem value="option3" id="radio-3" disabled />
          <label htmlFor="radio-3" className="text-sm">
            Option 3 (비활성화)
          </label>
        </div>
      </RadioGroup>
    </div>
  );
}

import { RadioGroup, RadioGroupItem } from '@aift/ui/Radio';export default function Preview() {  return (    <div className="space-y-4">      <RadioGroup defaultValue="option1">        <div className="flex items-center gap-2">          <RadioGroupItem value="option1" id="radio-1" />          <label htmlFor="radio-1" className="text-sm">            Option 1          </label>        </div>        <div className="flex items-center gap-2">          <RadioGroupItem value="option2" id="radio-2" />          <label htmlFor="radio-2" className="text-sm">            Option 2          </label>        </div>        <div className="flex items-center gap-2">          <RadioGroupItem value="option3" id="radio-3" disabled />          <label htmlFor="radio-3" className="text-sm">            Option 3 (비활성화)          </label>        </div>      </RadioGroup>    </div>  );}

Props

Prop	Type	Default	Description
value	`string`	-	라디오 버튼의 값
checked	`boolean`	`false`	선택 상태
onCheckedChange	`(checked: boolean) => void`	-	선택 상태 변경 핸들러
disabled	`boolean`	`false`	비활성화 여부
id	`string`	-	라디오 버튼 ID

Radio

Radio

기본 사용법

Props

On this page