Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Create loading spinner / shimmer #63

Closed
5 tasks
joshuagraber opened this issue Apr 24, 2024 · 3 comments · Fixed by #78
Closed
5 tasks

Create loading spinner / shimmer #63

joshuagraber opened this issue Apr 24, 2024 · 3 comments · Fixed by #78

Comments

@joshuagraber
Copy link
Collaborator

As a part of the search v2 work, we want both a loading spinner and a shimmer effect

  • Create a loading spinner component (use an SVG)
  • Create a shimmer component (just a div with animation classes applied)
  • Write tests to cover new components
  • Update documentation
  • Raise PR against beta
@josh-chamberlain
Copy link
Contributor

does this include "Subtle transition animations for routes and elements entering / exiting the DOM"?

@joshuagraber
Copy link
Collaborator Author

joshuagraber commented Apr 24, 2024

@josh-chamberlain No, that's more an app-level or per-component thing. Just like a little fade-in when the route changes, of fading in and out of loading states, or a slide down when the dropdown opens. Little things like that that make the UI feel slick. Tailwind and Vue both have some nice, easy options for transitions/animations, so if we're rebuilding things anyways, I'd be interested in making some of those enhancements along the way.

This was referenced Jun 3, 2024
Copy link

🎉 This issue has been resolved in version 2.7.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

# for free to join this conversation on GitHub. Already have an account? # to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants