Choice CardChoice Card

두 카드 중 하나를 고르는 라디오 카드입니다.A radio card for choosing one of two cards.

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

AutomaticRecommendedHoron drafts and sends within your rules.Review firstEvery draft waits for your approval.Manual onlyNothing leaves until you send it yourself.

tsx

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

export default function ChoiceCardDemo() {
  return (
    <RadioGroup aria-label="Plan" defaultValue="auto" className="flex-row flex-wrap items-stretch justify-center gap-4">
      <ChoiceCard
        value="auto"
        title="Automatic"
        description="Horon drafts and sends within your rules."
        badge="Recommended"
      />
      <ChoiceCard value="review" title="Review first" description="Every draft waits for your approval." />
      <ChoiceCard
        value="manual"
        title="Manual only"
        description="Nothing leaves until you send it yourself."
        disabled
      />
    </RadioGroup>
  );
}