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";

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>

Examples

Primary

Secondary

Destructive

Outline

Ghost

Icon

With Icon

Loading

As Child