buttons-rbw v0.1.0

Custom Button Component

This package provides a customizable React button component with various styles and sizes.

Buttons

Installation

To install the package, use npm:

npm i buttons-rbw

Usage

text (string): Text displayed on the button. color (string): Color scheme for the button (e.g., 'unicorn-pink', 'mystic-purple'). type (string): Type of button (e.g., 'primary', 'default', 'dashed', 'text', 'link'). size (string): Size of the button ('small', 'large', default is normal size).

import Button from 'your-button-package-name';
 
const YourComponent = () => {
  return (
    <div>
      <Button text="primary" type="primary" />
      <Button text="default" type="default" />
      <Button text="dashed" type="dashed" />
      <Button text="text" type="text" />
      <Button text="link" type="link" />
      <Button text="mystic-purple" color="mystic-purple" type="primary" size="large"/>
      <Button text="small" type="primary" size="small"/>
      <Button text="large" type="primary" size="large"/>
    </div>
  );
};

• unicorn-pink
• mystic-purple
• candy-lemon
• alien-green
• pirate-red
• dream-blue
• mermaid-green
• coconut-white
• cookie-brown
• pumpkin-orange

• primary
• default
• dashed
• text
• link

• small
• large