@manhphi1309/button

A beautifully designed, accessible button component for your React application.

Subcomponents

This package provides the following components and utilities:

• Button
• buttonVariants

Dependencies

This package relies on:

• @manhphi1309/utils
• class-variance-authority
• clsx
• radix-ui
• tailwind-merge

Installation

npm install @manhphi1309/button

Usage Example

import { Button } from "@manhphi1309/button"

export default function Example() {
  return (
    <div className="flex gap-4">
      <Button variant="default" size="default">
        Primary Button
      </Button>
      <Button variant="outline" size="sm">
        Outline Small
      </Button>
      <Button variant="destructive" size="lg">
        Destructive Large
      </Button>
    </div>
  )
}