Button

アクションを実行するためのボタンコンポーネント。

Installation

npx shadcn@latest add https://kasumi-ui.vercel.app/r/button.json

Usage

import { Button } from "@/components/ui/button";

<Button>ボタン</Button>

Variant

<Button variant="primary">Primary</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="ghost">Ghost</Button>
<Button variant="outline">Outline</Button>
<Button variant="destructive">Destructive</Button>

Size

<Button size="sm">Small</Button>
<Button size="md">Medium</Button>
<Button size="lg">Large</Button>

Disabled

<Button disabled>無効なボタン</Button>

Props

PropTypeDefaultDescription
variant"primary" | "secondary" | "ghost" | "outline" | "destructive""primary"ボタンのスタイルバリエーション
size"sm" | "md" | "lg""md"ボタンのサイズ
disabledbooleanfalse無効状態にする