react-app-store-badge

app-store-badge

A simple customizable App Store badge component for React.

NOTE: THIS IS A FIRST BUILD THAT HASN'T BEEN TESTED IN THE WILD YET. USE AT YOUR OWN DISCRETION

Getting started

To setup dev dependencies

npm install

To build dist file

npm run build

To run example server

npm run example

note: requires node/npm

Usage

Create badges in the App Store styles as seen on the Apple App Store and Google Play. You may choose primary (text, icon, and border) and secondary (background) colors. Colors default to white and black respectively.

Provide your own font based icon. For example using a tool like fontello

example:

install the package

npm install --save react-app-store-badge

then use within your project

import ReactAppStoreBadge from 'react-app-store-badge';
// or
var ReactAppStoreBadge = require('react-app-store-badge');
 
// then in your `render` method's return
<ReactAppStoreBadge
  textHeading="Available on the"
  textStoreName="App Store"
  icon={<i className="icon-my-icon" />}
  url="www.myappstoreplaceholder.com"
/>