bik-button v1.11.1

Button Component

A reusable, customizable, and accessible button component for React applications. Supports multiple variants, loading states, and additional customizations.

📦 Installation

npm install bik-button

or

yarn add bik-button

🚀 Usage

Basic Example

import React from "react";
import { Button } from "bik-button";

const App = () => {
  return (
    <div>
      <Button title="Click Me" onClick={() => alert("Button Clicked")} />
    </div>
  );
};

export default App;

Using Variants

<Button variant="primary">Primary</Button>
<Button variant="primary-line">Primary Line</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="secondary-line">Secondary Line</Button>
<Button variant="blue">Blue</Button>
<Button variant="red">Red</Button>
<Button variant="green">Green</Button>
<Button variant="yellow-outline">Yellow Outline</Button>

Button with Icon

<Button variant="primary">
  <span>🚀 Launch</span>
</Button>

Loading State

<Button variant="primary" loading>
  Loading...
</Button>

Disabled State

<Button variant="primary" disabled>
  Disabled
</Button>

🎨 Variants

The button supports multiple styles. Use the variant prop to define a style.

Props

🛠 Custom Styles

You can override styles using the className prop.

<Button className="custom-button">Custom Styled Button</Button>

🔗 License

This project is licensed under the MIT License.

👨‍💻 Author

Created by bikiran.com. Feel free to contribute!