RadioGroup , shadcn/ui components例

概要

• shadcn/ui , RadioGroup 実装例になります。

• まとめリンクは、下記になります。

• https://knakatech-blog.pages.dev/books/12

---

関連

• https://ui.shadcn.com/docs/components/radio-group

---

• src/client/Radio.tsx
• https://github.com/kuc-arc-f/express_49preact/blob/main/src/client/Radio.tsx

<Label>RadioCheck</Label>
<RadioGroup defaultValue="option-one">
    <div className="flex items-center space-x-2">
    <RadioGroupItem value="option-one" id="option-one" />
    <Label htmlFor="option-one">Option One</Label>
    </div>
    <div className="flex items-center space-x-2">
    <RadioGroupItem value="option-two" id="option-two" />
    <Label htmlFor="option-two">Option Two</Label>
    </div>
</RadioGroup>