Button , shadcn/ui components例

概要

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

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

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

---

関連

• https://ui.shadcn.com/docs/components/button

---

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

<Button>Button</Button>
<hr className="my-2" />
<Button variant="outline">Outline</Button>
<hr className="my-2" />
<Button variant="secondary" disabled={true} >Secondary</Button>
<hr className="my-2" />
<Button variant="destructive">Destructive</Button>
<hr className="my-2" />