Skip to content

[333] Add reduced-motion variant for confetti success animations - #395

Open
MaimunaY wants to merge 1 commit into
Predictify-org:mainfrom
MaimunaY:fix/333-add-reduced-motion-variant-for-confetti-success-animations
Open

[333] Add reduced-motion variant for confetti success animations#395
MaimunaY wants to merge 1 commit into
Predictify-org:mainfrom
MaimunaY:fix/333-add-reduced-motion-variant-for-confetti-success-animations

Conversation

@MaimunaY

Copy link
Copy Markdown

Summary

  • Add SuccessConfetti component with animated particles for standard motion preferences
  • Show a static accessible success icon when prefers-reduced-motion: reduce is active
  • Wire confetti into bet confirmation success state and add motion.css tokens

Test plan

  • pnpm test -- components/success/tests/SuccessConfetti.test.tsx
  • Verified reduced-motion path renders role=img with aria-label

Closes #333

Made with Cursor

Co-authored-by: Cursor <cursoragent@cursor.com>
@vercel

vercel Bot commented Jun 28, 2026

Copy link
Copy Markdown

@MaimunaY is attempting to deploy a commit to the Jagadeesh B's projects Team on Vercel.

A member of the Team first needs to authorize it.

@drips-wave

drips-wave Bot commented Jun 28, 2026

Copy link
Copy Markdown

@MaimunaY Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add reduced-motion variant for confetti success animations

1 participant