react-awesome-button
Advanced tools
Comparing version 0.4.7 to 0.4.8
{ | ||
"name": "react-awesome-button", | ||
"version": "0.4.7", | ||
"version": "0.4.8", | ||
"description": "Performant, extendable, highly customisable, production ready React Component that renders an animated basic set of UI buttons", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
@@ -5,3 +5,4 @@ # <ReactAwesomeButton /> | ||
`ReactAwesomeButton` is a performant, extendable, highly customisable, production ready React Component that renders an animated set of UI buttons. | ||
`react-awesome-button` is a performant, extendable, highly customisable, production ready React Component that renders an animated set of 3D UI buttons. | ||
<img width="600" alt="react-awesome-button demo" src="https://image.ibb.co/dOzGum/react_awesome_button_demo.gif"> | ||
@@ -14,41 +15,39 @@ | ||
## Key Features | ||
+ Look and feel customisable and extendable via SASS variables and lists ([scss config file](https://github.com/rcaferati/react-awesome-button/blob/master/src/styles/default.scss)) | ||
+ Use it with CSSModules or Plain CSS (NO inline-styles) | ||
+ Render any tag as the component\'s child (text, icon, img, svg) | ||
+ Animated progress button | ||
+ OnClick bubble animation | ||
## Examples | ||
### With plain CSS | ||
### With react-awesome-button and plain CSS | ||
```jsx | ||
import AwesomeButton from 'react-awesome-button'; | ||
import AwesomeSocial from 'react-awesome-social'; | ||
import 'react-awesome-button/dist/styles.css'; | ||
function Button() { | ||
return ( | ||
<AwesomeButton>Primary Button</AwesomeButton> | ||
<AwesomeSocial type="facebook">Share</AwesomeSocial> | ||
); | ||
} | ||
``` | ||
### With CSS Modules | ||
### With react-awesome-button CSS Modules | ||
```jsx | ||
import AwesomeButton from 'react-awesome-button'; | ||
import AwesomeSocial from 'react-awesome-social'; | ||
import AwesomeButtonStyles from 'react-awesome-button/src/styles.scss' | ||
function Button() { | ||
return ( | ||
<AwesomeButton | ||
<AwesomeSocial | ||
cssModule={AwesomeButtonStyles} | ||
>Primary Button</AwesomeButton> | ||
type="twitter" | ||
>Share</AwesomeSocial> | ||
); | ||
} | ||
``` | ||
## Key Features | ||
+ Look and feel customisable and extendable via SASS variables and lists ([scss config file](https://github.com/rcaferati/react-awesome-button/blob/master/src/styles/default.scss)) | ||
+ Use it with CSSModules or Plain CSS (NO inline-styles) | ||
+ Render any tag as the component\'s child (text, icon, img, svg) | ||
+ Animated progress button | ||
+ OnClick bubble animation | ||
| Attributes | Type | Default | Description | | ||
@@ -55,0 +54,0 @@ | :--------- | :--: | :-----: | :----------- | |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
78845
70