Design comparison
Solution retrospective
Oh, how i missed you guys <3
So, i started to learn vue this week and nothing would help more than building a real app sooooo here i'm!!
It was a little difficult because i hadnt done something like this for a while, but vue and its systems made it easy!
- i used pinia for storing user inputs and repopulating the components with them.
- made a custom directive to handle the stepper logic
- used vue
<Component :is="component" >
for mutating the steps component
What i'll be trying to implement:
- I tried to use
<Transition name="">
tag to animate the transitions between steps change, but it was very buggy, it bet its something about the element getting its position absoluted and then its width shrinking making a mess... - i would love to add more steps...
That was it! Hope you liked and please, please, please, i'm still learning so i would LOVE critics, opinions, tips and tricks envolving vue. See ya <3
Community feedback
- @katjadanilovaPosted almost 2 years ago
Hi, Lucas!
Your animations are fantastic, they are elegant and perfectly match the design. I regret only not thinking of them myself :D.
The only thing I noticed that is slightly off, is that the phone number field doesn't accept a "+" at the beginning of the number.
1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord