Mobile App Download Button Component For React

Description:

A react component that allows you to create iOS App Store, Google Play Store, and Huawei AppGallery Download buttons to facilitate downloads of your mobile app.

How to use it:

1. Install and import.

# Yarn
$ yarn add react-mobile-app-button
# NPM
$ npm i react-mobile-app-button
import {
  GooglePlayButton,
  AppStoreButton,
  AppGalleryButton,
  ButtonsContainer,
} from "react-mobile-app-button";

2. Add an App Download Button to your app.

export const MyComponent = () => {
  const APKUrl =
    "https://play.google.com/store/apps/details?id=host.exp.exponent";
  const iOSUrl = "https://apps.apple.com/us/app/expo-go/id982107779";
  return (
    <ButtonsContainer>
      <GooglePlayButton
        url={APKUrl}
        theme={"light"}
        className={"custom-style"}
      />
      <AppGalleryButton
        url={iOSUrl}
        theme={"light"}
        className={"custom-style"}
      />
    </ButtonsContainer>
  );
};

3. Available button props.

theme?: "dark" | "light";
height?: number;
width?: number;
logo: string;
storeName: string;
title: string;
url: string;
className?: string;
border?: number;

Preview:

Mobile App Download Button Component For React

Add Comment