Docs
ボタン
ボタン
ボタン、またはボタンのように見えるコンポーネントを表示します。
インストール
npx shadcn-ui@latest add button使用方法
import { Button } from "@/components/ui/button"<Button variant="outline">ボタン</Button>リンク
buttonVariants ヘルパーを使用して、ボタンのように見えるリンクを作成できます。
import { buttonVariants } from "@/components/ui/button"<Link className={buttonVariants({ variant: "outline" })}>クリックしてください</Link>または、asChild パラメータを設定して、リンクコンポーネントをネストできます。
<Button asChild>
<Link href="/login">ログイン</Link>
</Button>