Angular CDK Tutorial: 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!
------------------------------------------------------------------------------
💖 Help Support the Channel:
If you found this helpful and want to show some love, you can always buy me a coffee (buymeacoffee.com/briantreese)!
------------------------------------------------------------------------------
🔗 Demo Links:
- Before (stackblitz.com/edit/stackblit...)
- After (stackblitz.com/edit/stackblit...)
------------------------------------------------------------------------------
📚 Additional Resources:
- Angular CDK Documentation (material.angular.io/cdk/accor...)
- W3C Accessible Accordion Example (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 #angular_developer #angulartraining #javascript #typescript #frontend #angularcourse #cdk #accordion

[@senthamarai_kannan.]

good to see neat and cleaner code.

[@Neotrixstdr]

You have the best list of Cdk tutorials. Thanks for your work from Spain!

[@briantreese]

Thanks, I appreciate that!