npm

npm’s 2019 JavaScript ecosystem survey analysis is now available!Get your copy here »

react-dribble-button

0.2.2 • Public • Published

react-dribble-button

The Button component with pretty nice hive and click effects

Installation

$ npm install react-dribble-button

Demo

Try it out

| | |

Basic Usage

import DribbleButton from 'react-dribble-button';
 
// Inside of a component's render() method:
render() {
  return (
    <DribbleButton color="deep-orange" onClick={this.onClick} animationDuration={1000} >
      Try this cool color!
    </DribbleButton>
  );
}

Examples

Please clone the repo and run npm run storybook or yarn storybook to show examples of usages.

Usage (API)

The DribbleButton component has a few properties, as described below.

Property Type Defaut Description
color string default The color theme. Should be one of the folowing strings: 'red'
onClick function null Click handler.
children any null Children element.
className string '' Class name of the component.
component string or Component button Component type.
effectClassName string '' Class name of the effect component.
animationDuration number 650 The dribble animation duration in ms.

Contributing

I welcome contributions! Please open an issue if you have any feature ideas or find any bugs. I also accept pull requests with open arms. I will go over the issues when I have time. :)

install

npm i react-dribble-button

Downloadsweekly downloads

9

version

0.2.2

license

MIT

last publish

collaborators

  • avatar
Report a vulnerability