CoreButton

Button

An interactive component used for triggering actions or events with a click or tap.

Button

Usage

Installation

bash npm install @holo/button

Import

tsx import {Button} from "@holo/core"

Variants

Usage

Use the buttonVariants helper to generate a button-styled link

  import { buttonVariants } from "@holo/core"
 
  <Link className={buttonVariants({ variant: "outline" })}>Click here</Link>

Or you can use the asChild parameter to nest the link component

  <Button asChild>
    <Link href="/login">Login</Link>
  </Button>
 

Usage

Use the buttonVariants helper to generate a button-styled link

  import { buttonVariants } from "@holo/core"
 
  <Link className={buttonVariants({ variant: "outline" })}>Click here</Link>

Or you can use the asChild parameter to nest the link component

  <Button asChild>
    <Link href="/login">Login</Link>
  </Button>
 

Secondary

Outline

Ghost

Destructive

Icon

With Icon

Loading

As Child