react-app-store-link
Version:
A react component which allows you to place an iOS App Store or Google Play Store Download button, and customise the color!
65 lines (44 loc) • 1.67 kB
Markdown
## react-mobile-store-button
An React component which allows you to create an iOS App Store or Google Play Store Download Button. This button:
* Using vector format, `svg` file , so don't worry about the resolution
* Can specify your App Store button with customized `url`, `width` and `height`
* Specify `"iosDark"`, `"iosLight"`, or `"android"`
If you just want the images, you can get them here:
[iosDark](https://linkmaker.itunes.apple.com/images/badges/en-us/badge_appstore-lrg.svg)
[iosLight](https://apple-resources.s3.amazonaws.com/media-badges/download-on-the-app-store/white/en-us.svg)
[android](https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png)
## Usage
Example Code:
```js
import MobileStoreButton from 'react-mobile-store-button';
////
export default class MyComponent extends React.Component {
render() {
const iOSUrl = 'https://itunes.apple.com/us/app/all-of-the-lights/id959389722?mt=8';
return (
<div>
<MobileStoreButton
store="ios"
url={iOSUrl}
linkProps={{ title: 'iOS Store Button' }}
/>
</div>
);
}
}
```
You will get an iOS App Store dwonload button on Web page looks like this:

## Install
install using `npm` or `yarn`
```bash
npm install --save react-mobile-store-button
```
## How to Run the Example
```bash
git clone https://github.com/rizzomichaelg/react-mobile-store-button.git
cd react-mobile-store-button/example
yarn && yarn start
```
## License
MIT