App Store Buttons
App store buttons: App Store, Google Play, Galaxy Store, RuStore. Pro · Landing pages and brand › Conversion and footer
Installation
npx valyro-cli@latest login
npx valyro-cli@latest add app-store-buttonsnpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { AppStoreButtons } from 'valyro-ui-pro';Props
| Prop | Type | Default | |
|---|---|---|---|
stores * | AppStoreLink[] | Stores the app is published in, in display order. | |
size | 'sm' | 'md' | 'lg' | 'md' | Button height. Default md. |
variant | 'dark' | 'light' | 'dark' | dark black badges (the stores' default), light white badges for dark backgrounds. Default dark. |
newTab | boolean | true | Opens the store in a new tab. Default true. |
labels | Partial<AppStoreButtonsLabels> | Overrides for the built-in English text; keys left out keep their defaults. |
Related components
- CTA Section — Call-to-action block
- Newsletter Signup — Newsletter signup
- Footer — Site footer
- Hero Section — Landing page hero
- Feature Grid — Feature grid
- Bento Grid — Responsive bento grid of cards in mixed sizes
- Logo Cloud — Customer logos
- Pricing Table — Pricing plans
- Comparison Table — Product comparison
- Testimonials — Customer testimonials
- FAQ Section — Frequently asked questions
- Award Badge — Award badge with a laurel wreath, stars and caption
Previous: Newsletter Signup · Next: Footer · All Landing pages and brand