ButtonMobileStore | Orbit

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.