Ionic VueJS - Creating an Animated Accordion List Component in VueJS with A Little of IonicFramework
💥 COURSE AVAILABLE: http://bit.ly/ionic-vue-vuex-udemy1
Creating an Animated Accordion List Component in VueJS with A Little of IonicFramework
#vuejs #animations #accordion #ionic
SEE UPDATED VIDEO USING HTML & CSS ONLY
• Ionic VueJS - Creating an Animated Ac...
Using vue animations, vue slots & HTML data attributes I walk through how to create a component that you can pass a list of data and it will create a list with a header and a body that can be expanded and collapsed.
This video is not heavy on the ionic framework as most of my other videos are, but this component that is built here can be used in ionic or a plain vuejs application
🔥 Chapters 🔥
00:00 Introduction
03:20 Starting the code
08:03 Talking About Slots
14:00 Add Some Styling
16:00 using refs to access header and body
22:00 Using HTML DataSet for storing information on element
32:00 VueJS Transitions and Animations
36:29 Summary
🔥 Links and References Used 🔥
Data Attributes: https://developer.mozilla.org/en-US/d...
Vue Animations: https://v3.vuejs.org/guide/transition...
Vue Slots - https://v3.vuejs.org/guide/component-...
🔥 Get Information On Upcoming Ionic VueJS eBook 🔥
https://leanpub.com/ionic-vue-sqlite-...
🔥 VueJS No Typescript Starter Template 🔥
https://github.com/aaronksaunders/ion...
🔥 Social Media 🔥
Twitter - / aaronksaunders
Facebook - / clearlyinnovativeinc
Instagram - / aaronksaunders
Dev.to - https://dev.to/aaronksaunders
~-~~-~~~-~~-~
Please watch: "Getting Started With Appwrite, Vue JS Ionic Framework & Capacitor"
• Ionic Vue, Getting Started With Appwrite
~-~~-~~~-~~-~
