react-modern-button

React Modern Button

A simple, reusable, and customizable button component for React and Next.js. Designed to be responsive, lightweight, and developer-friendly, while allowing users to override styles to meet their specific needs.

🚀 Features

• 🌟 Customizable Styles: Use className or style props to tailor the design.
• 📱 Responsive: Default styles are designed to look great on all devices.
• ⚡ Optimized for React & Next.js: Seamlessly integrates with modern frameworks.
• 🏋️ Lightweight: Minimal bundle size with tree-shaking support.
• 🔧 Easy to Use: Intuitive props and flexible APIs for fast implementation.

📦 Installation

Install the package via npm or yarn:

# Using npm
npm install react-modern-button

# Using yarn
yarn add react-modern-button


🔥 Quick Start
Here's how to get started with react-modern-button:

import React from "react";
import { Button } from "react-modern-button";
import "react-modern-button/dist/index.css"; // Import default styles

const App = () => (
  <div>
    <h1>React Modern Button</h1>
    <Button
      label="Click Me"
      color="primary"
      onClick={() => alert("Button clicked!")}
    />
  </div>
);

export default App;


## 📖 Documentation

Explore the documentation:

- [Installation Guide](https://github.com/subodhsingh001/react-modern-button/blob/main/docs/installation.md)
- [Quick Start](https://github.com/subodhsingh001/react-modern-button/blob/main/docs/quick-start.md)
- [Customization](https://github.com/subodhsingh001/react-modern-button/blob/main/docs/customization.md)
- [API Reference](https://github.com/subodhsingh001/react-modern-button/blob/main/docs/dynamic.md)