WB
Web Baeβ€’2y ago
Ander

Tabs with animation

Hi there, does anyone know how to achieve this 'tabs' component style where the purple line grows as you switch between tabs?
No description
11 Replies
Ahmad
Ahmadβ€’2y ago
Seems Complicated, I would like to know too. I always hate Tabs and Sliders the Most !
Ander
AnderOPβ€’2y ago
yeah, I feel you πŸ˜‚
Web Bae
Web Baeβ€’2y ago
Are you a Patreon subscriber? Your build may require a little adjustment to handle the icons and the final tab ui but general concept should be the same I'll try to do a patreon tutorial or something. lots of improvements to be made here... could add css transition to the width too to animate the fill. πŸ‘€ Be on the lookout tomorrow on YouTube! πŸ™‚
Ander
AnderOPβ€’2y ago
Wow Keegan! Thank you so much! And you even made a video!! I'll implement it this weekend. Thanks again, your help is invaluable.
Web Bae
Web Baeβ€’2y ago
🀝 @Ander if you want it to "shrink/grow" will require a bit more work, especially if user can skip to any step. You could use class add/remove technique if user can only go one step at a time though.
Ander
AnderOPβ€’2y ago
Just finished it! I think this works fine
Ander
AnderOPβ€’2y ago
thanks again!
Web Bae
Web Baeβ€’2y ago
Great work πŸ‘
Ahmad
Ahmadβ€’2y ago
Web Bae is Bae πŸ™Œ

Did you find this page helpful?