Soft Button

Customize
Color
Size

Installation

pnpm dlx shadcn@latest add @clover-ui/soft-button

Usage

import { SoftButton } from "@/components/soft-button";

<SoftButton color="green">Get started</SoftButton>

Use asChild to give a link the button styles.

<SoftButton asChild color="yellow">
  <a href="/sponsor">Sponsor</a>
</SoftButton>

It also accepts every native button prop, like disabled and onClick.

Props

PropType
Default"default"

Renders your own element with the button styles.

Defaultfalse