react-store-badges

[![Travis][build-badge]][build]
[![npm package][npm-badge]][npm]
[![Coveralls][coveralls-badge]][coveralls]


react-store-badges is a React.js component displaying badges for App Store and Google Play Store. react-store-badge serves locale(localization) setting for each country.

react-store-badge uses SVG files, (optimized by svgo) so no worries about image going wrong.

Getting started

``
npm install --save react-store-badges
`

Usage

`
import React, {Component} from 'react'

import ReactStoreBadges from 'react-store-badges'

class App extends Component {
render() {
return


}
}
`

props

| Name | Type | Default | Description |
| :----------- | :-------------------------------: | :--------: | :------------------------------ |
| url | string | required | url of App Store and Play Store |
| platform | 'ios'|'android' | required` | url of App Store and Play Store |
| defaultLocale | string | 'en-us' | default locale code |
| locale | string | 'en-us' | locale name |
| width | number | 135 | width for badge size |
| height | number | 40 | height for badge size |
| target | '_self'|'_blank'|'_parent'|'_top' | '_self' | target for url to be opened |

Localization

$3

Apple locales list

Google locales list

$3

- iOS uses full code of their locale. (ex. en-us) and google uses short code of their locale(ex. en). So if you want your badge in only one store, you can customize it anyway.

Badge Guidelines

please note that you have to follow the guidelines below

Apple Badge Guidelines

Google Badge Guidelines

[build-badge]: https://img.shields.io/travis/yjb94/react-store-badge/master.png?style=flat-square
[build]: https://travis-ci.org/yjb94/react-store-badge
[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square
[npm]: https://www.npmjs.org/package/npm-package
[coveralls-badge]: https://img.shields.io/coveralls/yjb94/react-store-badges/master.png?style=flat-square
[coveralls]: https://coveralls.io/github/yjb94/react-store-badges