App Download Stack
Animated React app download component with iOS and Android store badges, entrance animations, and flexible CTA layouts.
Installation
npx smoothui-cli add app-download-stackFeatures
- iOS/Android store badges
- Subtle entrance animations
- Flexible layout and copy
- Responsive and accessible
Accessibility
ARIA Attributes
| Attribute | Element | Purpose |
|---|---|---|
aria-label="Expand app selection" | Stack button | Labels the collapsed stack trigger for screen readers |
type="button" | All buttons | Prevents implicit form submission |
disabled | Download button | Disables the download button when no apps are selected |
Screen Reader
- Each app icon includes an
altattribute with the app name (e.g., "GitHub Logo"). - The checkmark SVG includes a
titleelement for accessibility. - The selected count is displayed visually for sighted users.
Reduced Motion
This component respects the prefers-reduced-motion media query via useReducedMotion from Motion. When reduced motion is preferred, floating animations, stacked rotation effects, hover interactions, layout animations, and the download shine effect are all disabled.