Mobile App Store Button

Pre-styled buttons for linking to mobile app stores.

Variants

Dark background with subtle border

<MobileAppStore store="google-play | app-store | galaxy-store | app-gallery | google-play-white" variant="filled" href="#"/>

Transparent background with border

<MobileAppStore store="google-play | app-store | galaxy-store | app-gallery | google-play-white" variant="outlined" href="#"/>

<MobileAppStore store="google-play" size="md|lg" variant="filled" className="" href="#"/>

Props	Type	Default	Description
store	"google-play" \| "google-play-white" \| "app-store" \| "galaxy-store" \| "app-gallery"	-	The app store platform to display.
variant	'filled' \| 'outlined'	'filled'	The visual style of the badge.
size?	'md' \| 'lg'	'md'	The size of the badge.
href?	string	'#'	The URL to link to when clicked.
className	string	-	Additional CSS classes to apply to the badge.
...props	LinkProps	-	All Next.js Link props are supported.