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
Смотрите видео Angular CDK: The accordion module онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Brian Treese 21 Июнь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 59 раз и оно понравилось 3 людям.