文档
按钮
按钮
显示一个按钮或看起来像按钮的组件。
安装
npx shadcn@latest add button使用
import { Button } from "@/components/ui/button"<Button variant="outline">Button</Button>链接
您可以使用 buttonVariants 助手创建一个看起来像按钮的链接。
import { buttonVariants } from "@/components/ui/button"<Link className={buttonVariants({ variant: "outline" })}>Click here</Link>或者，您可以设置 asChild 参数并将链接组件嵌套。
<Button asChild>
<Link href="/login">Login</Link>
</Button>