Radio

import { Radio } from "@/components/ui";

1<div className="space-y-2">
2  <Radio name="plan" value="free" label="Free Plan" />
3  <Radio name="plan" value="pro" label="Pro Plan" />
4  <Radio name="plan" value="enterprise" label="Enterprise Plan" />
5</div>

1const [selected, setSelected] = useState("option1");
2
3return (
4  <div className="space-y-2">
5    <Radio
6      name="preference"
7      value="option1"
8      label="Option 1"
9      checked={selected === "option1"}
10      onChange={() => setSelected("option1")}
11    />
12    <Radio
13      name="preference"
14      value="option2"
15      label="Option 2"
16      checked={selected === "option2"}
17      onChange={() => setSelected("option2")}
18    />
19  </div>
20);