Radio GroupRadio Group

여러 선택지 중 하나만 고릅니다.Chooses exactly one option from a set.

@horon-ai/react 입력과 선택Inputs and selection

tsx

import { Radio, RadioGroup } from "@horon-ai/react";

export default function RadioGroupDemo() {
  return (
    <div className="flex flex-col gap-4">
      <div className="flex flex-wrap gap-8">
        <RadioGroup aria-label="Report to, small" size="sm" defaultValue="email">
          <Radio value="email" label="Small" />
          <Radio value="slack" label="Slack" />
        </RadioGroup>
        <RadioGroup aria-label="Report to" defaultValue="email">
          <Radio value="email" label="Medium" />
          <Radio value="slack" label="Slack" />
        </RadioGroup>
        <RadioGroup aria-label="Report to, large" size="lg" defaultValue="email">
          <Radio value="email" label="Large" />
          <Radio value="slack" label="Slack" />
        </RadioGroup>
      </div>
      <RadioGroup aria-label="Report to" defaultValue="email">
        <Radio value="email" label="Email" />
        <Radio value="slack" label="Slack" />
        <Radio value="none" label="Don't report" disabled />
      </RadioGroup>
    </div>
  );
}