App Buttons

App store buttons are interactive elements that, when clicked, direct users to download or access mobile applications from platforms like Google Play Store and Apple App Store.

Variations

Basic App Buttons

Primary App Buttons

Outlined App Buttons

Usage

App button components make it easy for users to find and download apps, boosting accessibility and user interaction.

Specs

Buttons come in 3 styles (basic, primary and outline) They can contain text and leading icons. All variations come in 2 sizes:

  • Large: 4rem height (64px), 0.875rem (14px) horizontal padding and 1rem (16px) font size. Icons on large buttons are 2.5rem (40px) wide and tall and have a 0.5rem (8px) distance from the text.
  • Base: 3rem height (48px), 0.875rem (14px) horizontal padding and 0.875rem (14px) font size. Icons on base buttons are 2rem (32px) wide and tall and have a 0.5rem (8px) distance from the text.

Accessibility notes

  • App buttons does not require any additional accessibility settings. For the included icons, use an <aria-label> and <role> to describe the icon.

Check out the latest release!