Docs
Button
Button
Button component is a fundamental element that displays a button or a component resembling a button. It serves as a key interactive element in your user interface, enabling users to perform actions, submit forms, or navigate through your application. The Button component combines functionality with style, providing a versatile tool for a wide range of user interactions.
Installation
yarn add @camped-ui/button
Usage
import { Button } from "@camped-ui/button";
Link
You can use the buttonVariants
helper to create a link that looks like a button.
import { buttonVariants } from "@camped-ui/button";
<Link className={buttonVariants({ variant: "outline" })}>Click here</Link>
Alternatively, you can set the asChild
parameter and nest the link component.
<Button asChild>
<Link href="/login">Login</Link>
</Button>