Skip to Content
🎉 Coral x Panda has been released 🎉 Read the Migration Guide
DocumentationAtomsAppDownloadButton

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

NameTypeDefault
localeAppDownloadButtonLocales

The region to use for the AppDownloadButton, which will determine the translation

en
heightResponsiveVariant<number>

The height of the AppDownloadButton in px

60
hrefstring

The link to the App Store or Google Play Store

platformAppDownloadButtonPlatforms

Render the download from the App Store or Google Play Store button

ios
Last updated on