Angular CDK: The accordion module
An accordion component is a component that has one or more expandable sections within it. It’s pretty common to have the need for this type of thing when building apps in Angular. Now, it’s not the most difficult thing to do even if you’re creating your own from scratch but the CDK makes it really simple. In this video I’ll show you just how easy it is. And after we create the accordion using the CDK, we’ll make it accessible with ARIA. Alright, let’s get to it!
------------------------------------------------------------------------------
👕 Be the coolest developer in the room with these Angular tees! (https://www.teepublic.com/user/dev-drip)
------------------------------------------------------------------------------
🔗 Demo Links:
Before (https://stackblitz.com/edit/stackblit...)
After (https://stackblitz.com/edit/stackblit...)
------------------------------------------------------------------------------
📚 Additional Resources:
Angular CDK Documentation (https://material.angular.io/cdk/accor...)
W3C Accessible Accordion Example (https://www.w3.org/WAI/ARIA/apg/patte...)
------------------------------------------------------------------------------
📖 Chapters:
0:00 – Introduction
0:35 – The Demo Application
1:25 – Adding Basic Accordion Functionality with the Angular CDK Accordion
2:30 – Installing the Angular CDK
6:30 – Adding Accessibility Features with ARIA
9:49 – Conclusion
------------------------------------------------------------------------------
#angular #angulartutorial #cdk
Watch video Angular CDK: The accordion module online without registration, duration hours minute second in high quality. This video was added by user Brian Treese 21 June 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 599 once and liked it 36 people.