CustomButton

A beautiful, reusable React button component styled with Tailwind CSS.

Installation

npm install custom-button

Usage

import { CustomButton } from 'custom-button';

export default function App() {
  return (
    <div>
      <CustomButton>Click me</CustomButton>
      <CustomButton variant="secondary">Secondary</CustomButton>
      <CustomButton size="lg">Large Button</CustomButton>
      <CustomButton variant="destructive">Delete</CustomButton>
    </div>
  );
}

Props

• variant: 'primary' | 'secondary' | 'outline' | 'destructive' (default: 'primary')
• size: 'sm' | 'md' | 'lg' (default: 'md')
• All standard HTML button attributes are supported

Features

• TypeScript support
• Multiple variants and sizes
• Accessible with keyboard navigation
• Tailwind CSS styled
• Tree-shakeable ESM build