react-support-badge
Support Badges for React!
Install
npm install --save react-support-badge
Usage
import react, { Component } from 'react'
import { SupportBadge } from 'react-support-badge'
function Example() {
return <SupportBadge link='https://npmjs.com/' look='red'>
Please consider supporting me!
</SupportBadge>
}
// Or
class Example extends Component {
render() {
return <SupportBadge link='https://npmjs.com/' look='red'>
Please consider supporting me!
</SupportBadge>
}
}
Properties
- icon
- Sets an icon for the support button. (Uses react-icons)
- buttonText
- Sets the support button text.
- link (required)
- Sets the link to redirect to once pressed.
- look
- Sets the look of the badge. (Supports solid colors, images, and gradients)
- flat
- Disables the box shadow effect on the badge and support buttons when inactive.
- flatText
- Disables the text shadow effect on all text on the badge.
- callback
- Callback function to run before redirecting to the support badge location.
Other Features
If you would prefer to display a support message in a different way, you can check out <SupportBar />
or <SupportBubble />
. More items may get added later on in the future.
License
MIT © AtriusX