Wondering what’s next for npm?Check out our public roadmap! »

    react-support-badge
    TypeScript icon, indicating that this package has built-in type declarations

    1.2.1 • Public • Published

    react-support-badge

    Support Badges for React!

    NPM JavaScript Style Guide

    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

    Install

    npm i react-support-badge

    DownloadsWeekly Downloads

    8

    Version

    1.2.1

    License

    MIT

    Unpacked Size

    43.4 kB

    Total Files

    13

    Last publish

    Collaborators

    • avatar