Component Library Starter

Configuration

Generated Files

import React from 'react';
import './Button.css';

interface ButtonProps {
  children?: React.ReactNode;
  className?: string;
  variant?: 'primary' | 'secondary' | 'outline';
  size?: 'sm' | 'md' | 'lg';
}

export const Button: React.FC<ButtonProps> = ({
  children,
  className = '',
  variant = 'primary',
  size = 'md',
}) => {
  return (
    <div className={`button ${variant} ${size} ${className}`}>
      {children}
    </div>
  );
};