Socket
Socket
Sign inDemoInstall

react-awesome-button

Package Overview
Dependencies
Maintainers
1
Versions
57
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-awesome-button - npm Package Compare versions

Comparing version 0.4.7 to 0.4.8

2

package.json
{
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc