AppDownloadButton

This component renders localised app download icons for iOS and Android

Note: Icons have been fetched from Apple’s marketing guidelines and Google’s badge generator

Basic Usage


import { AppDownloadButton } from '@krakentech/coral';
 
<AppDownloadButton />;

Properties

platform


<AppDownloadButton platform="android" />


<AppDownloadButton />

locale


<AppDownloadButton platform="android" locale="de" />
<AppDownloadButton platform="android" locale="es" />
<AppDownloadButton platform="android" locale="it" />
<AppDownloadButton platform="android" locale="fr" />
<AppDownloadButton platform="android" locale="jp" />


<AppDownloadButton locale="de" />
<AppDownloadButton locale="es" />
<AppDownloadButton locale="it" />
<AppDownloadButton locale="fr" />
<AppDownloadButton locale="jp" />

height


<AppDownloadButton height="40" />

href


<AppDownloadButton href="https://www.google.com" />

Responsiveness


<AppDownloadButton height={{ base: 40, md: 60 }} />

Full API

Name	Type	Default
`locale`	`AppDownloadButtonLocales` The region to use for the AppDownloadButton, which will determine the translation	`en`
`height`	`ResponsiveVariant<number>` The height of the AppDownloadButton in px	`60`
`href`	`string` The link to the App Store or Google Play Store
`platform`	`AppDownloadButtonPlatforms` Render the download from the App Store or Google Play Store button	`ios`