Aaron K SaundersSee My Upcoming Book On Ionic & Vue JS
Creating an Animated Accordion List Component in VueJS
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
Source Code
Links and References Used
- Data Attributes: https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes
- Vue Animations: https://v3.vuejs.org/guide/transitions-enterleave.html#transitioning-single-elements-components
- Vue Slots: https://v3.vuejs.org/guide/component-slots.html#scoped-slots
