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

Released

Released

n/a

n/a

Released

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.