项目作者: n1arash

项目描述 :
Simple React Component for Pushy-Buttons !
高级语言: CSS
项目地址: git://github.com/n1arash/react-pushy-buttons.git
创建时间: 2017-04-12T16:43:04Z
项目社区:https://github.com/n1arash/react-pushy-buttons

开源协议:

下载


Pushy Buttons

A small CSS Pressable Buttons library.

  • Any contributions are more than welcome. 🤗

Demo

Checkout the Demo to see the buttons in action.

Setup & Installation

  1. npm i -S react-pushy-buttons
  1. import Button from 'react-pushy-buttons';
  2. import 'react-pushy-buttons/css/pushy-buttons.css'
  3. <!-- Blue Buttons -->
  4. <Button size="lg" color="blue">Button</Button>
  5. <Button size="df" color="blue">Button</Button>
  6. <Button size="md" color="blue">Button</Button>
  7. <Button size="sm" color="blue">Button</Button>
  8. <!-- Red Buttons -->
  9. <Button size="lg" color="red">Button</Button>
  10. <Button size="df" color="red">Button</Button>
  11. <Button size="md" color="red">Button</Button>
  12. <Button size="sm" color="red">Button</Button>
  13. <!-- Green Buttons -->
  14. <Button size="lg" color="green">Button</Button>
  15. <Button size="df" color="green">Button</Button>
  16. <Button size="md" color="green">Button</Button>
  17. <Button size="sm" color="green">Button</Button>

Properties

  • Color : [blue , green, red] — default : blue
  • size : [lg, df, md, sm] — default : md

Author

Raul Dronca

React Component

Arash Khazaei

License

CC0