Button Component

A customizable Button component built with Radix UI and Tailwind CSS.

Installation

npm install @your-username/button-component

Usage

import { Button } from '@your-username/button-component';

function App() {
  return (
    <Button variant="default" size="default">
      Click me
    </Button>
  );
}

Props

• variant: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link"
• size: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg"
• asChild: boolean - Compose with Radix UI Slot
• All standard button HTML attributes

Dependencies

This component requires:

• React 18+ or 19+
• Tailwind CSS configured in your project

License

MIT