React-simple-buttons NPM

react-simple-buttons

React Simple Buttons is a simple React Component that simplifies the use of buttons throughout a website. This one component can take multiple different props to style itself without having to worry about hundreds of different class to style your buttons.

Getting Started

To dive right into using react-simple-button simply install the npm package.

Prerequisites

To install the react component you will need the latest version of NPM:

npm i -g

Installing

Install react-simple-buttons through NPM

npm i react-simple-buttons

Usage

The beauty of react-simple-buttons is you can pass multiple different props to the component to alter the appearance of the button

<Button 
    text={"Same Text"} 
    color={"color options"} 
    type={"type options"} 
    size={"size options"} 
    theme={"theme"}
>

Color Options:

    Solid Buttons         Outlined Buttons
    -------------         ----------------
    button-default        button-outline-default
    button-primary        button-outline-primary
    button-success        button-outline-success
    button-danger         button-outline-danger
    button-warning        button-outline-warning
    button-info           button-outline-info

Button Types:

    Submit
    Button
    reset

Button Size:

    button-small
    button-default
    button-large

Button Theme:

    tm-1 - Light blue Primary
    tm-2 - Grey Primary
    tm-3 - Purple Primary
    tm-4 - Orange Primary
    tm-5 - Green Primary
    tm-6 - Pink Primary