按钮（Button）

Docs

按钮（Button）

展示按钮或者类似按钮的组件。

安装

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>