neat-react-button

neat-react-button is a button component that makes button creation a breeze

Installation

yarn add neat-react-button or npm install neat-react-button

Work in Progress

Implemented as a handy tool and any pull requests welcomed!

Usage

Import neat-react-button in your React component:

import Button from 'neat-react-button'

Color Props

there are currenctly four colors optional, primary(blue) the default one, success(green), info(white whith black font), and danger(red)

Size Props

There are currently three sizes optional, sm, md(default) and lg.

Element

The button becomes anchor if there is a link existing. Otherwise a button.

Supported props

Prop	Type	Default	Description
size	string	md	Button size
color	string	primary	colors described by keywords
element	string	button	Type of element
text	string	default text	The buttons's text
disabled	bool	false	to disable button
debounce	number	0	Interrupts button click in ms
onClick	function	()=>{}	fired after click
btntype	string array	button	button, submit, reset

You can find example of usage in the demo directory, which you can run in a local development server using npm start or yarn run start