Developer mode
Opens components on the React tab by default.
Your bookmarks

ButtonMobileStore

Encourages users to get an app from a store.

To promote your apps at various mobile stores, it helps to have consistent visuals that users trust. Use a mobile store button to encourage users to download and install your app.

Component status

Figma
Released
Web (React)
Released
iOS (Swift)
n/a
Android (Kotlin)
n/a
Docs
Released
Store link image: visually presents the store.

ButtonMobileStore types

Mobile store buttons can display different mobiles stores in either dark (the default) or light. See all variants below.

import ButtonMobileStore from "@kiwicom/orbit-components/lib/ButtonMobileStore";
import Stack from "@kiwicom/orbit-components/lib/Stack";
() => (
  <Stack direction="column">
    <Stack flex>
      <ButtonMobileStore
        alt="Download on the App Store"
        href="https://apps.apple.com/us/app/kiwi-com-cheap-travel-deals/id657843853"
        type="appStore"
      />
      <ButtonMobileStore
        alt="Get it on Google Play"
        href="https://play.google.com/store/apps/details?id=com.skypicker.main"
        type="googlePlay"
      />
    </Stack>
    <Stack flex>
      <ButtonMobileStore
        variant="light"
        alt="Download on the App Store"
        href="https://apps.apple.com/us/app/kiwi-com-cheap-travel-deals/id657843853"
        type="appStore"
      />
      <ButtonMobileStore
        variant="light"
        alt="Get it on Google Play"
        href="https://play.google.com/store/apps/details?id=com.skypicker.main"
        type="googlePlay"
      />
    </Stack>
  </Stack>
)

Related components

Action components

For other actions, see our interactive guide on which action component to choose.