App Market Download
App store download buttons for Apple App Store and Google Play. Renders styled buttons that open in a new tab.
Returns nothing if both URLs are omitted.
Summary
The App Market Download component renders a <section> with one or two download buttons. Each button links to the respective app store. The component renders nothing if neither appStoreUrl nor googlePlayUrl is provided.
Why Use This Component?
- Consistent download buttons that match the active preset styling.
- Conditional rendering — only shows buttons for stores where a URL is provided.
- Accessible — links open in a new tab with proper
rel="noopener noreferrer"attributes.
Usage
Options
| Prop | Type | Default | Description |
|---|---|---|---|
appStoreUrl | string | undefined | undefined | Apple App Store URL. Button hidden if not set. |
googlePlayUrl | string | undefined | undefined | Google Play Store URL. Button hidden if not set. |
label | string | undefined | undefined | Optional label text above the buttons. |
surface | 'alt' | undefined | undefined | Set to 'alt' to use the alternate surface background. |
Troubleshooting
- Nothing rendering — The component returns nothing if both
appStoreUrlandgooglePlayUrlareundefined. Set at least one URL.