breathingbutton

0.0.3 • Public • Published

BreathingButton

This is a react component of a breathing button. It makes use of MDButton and anime

Demo

demo

Install

npm install breathingbutton

Usage

Properties

  • isDisabled: Bool - determine whether or not the button is disabled.
  • theme: String['default', 'primary', 'danger'] - bootstrap like theme.
  • href: String - url redirect after clicked.
  • targetScale: number - the target scale that the button is animated to. See anime. The value usually lies in [0, 2], but it can be some crazy number either. Try it yourself. (default to 1.05)
  • period: number - breathing period of button in milliseconds. (default to 1000)
  • onClick: Function - function to be called when the button is clicked

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.0.3
    2
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 0.0.3
    2
  • 0.0.2
    0

Package Sidebar

Install

npm i breathingbutton

Weekly Downloads

2

Version

0.0.3

License

MIT

Last publish

Collaborators

  • zhenghe