Button
A resuable button component.
Installation
npx shadcn@latest add https://utilui.com/r/button.jsonUsage
import { Button } from "@/components/utilui/button";<Button variant="default">Button</Button>What if it's not a button ?
If you want to apply one of the Button styles but with another html tag, you can do it like this for an <a> (anchor) tag :
import { buttonVariants } from "@/components/ui/button";<a href="#" className={buttonVariants({ variant: "link" })}>
Click here
</a>or for Next's <Link> component :
import Link from "next/link";
import { buttonVariants } from "@/components/ui/button";<Link href="#" className={buttonVariants({ variant: "link" })}>
Click here
</Link>