Angular Material CDK

on YouTube ↗32m

" summary

Demonstrates building a Material-style color picker using the CDK overlay with positioning strategies, backdrop clicks, and template portals so the picker is recreated on open and keeps keyboard focus trapped via FocusKeyManager (supports grids up to eight rows and RTL via the Directionality service). Shows using CLI schematics to generate a responsive dashboard driven by BreakpointObserver and a grid-list, and implements connected lists with the CDK drag-and-drop API that transfers or reorders items with cdkDrop events and utility helpers.

AI-written summary · about

" chapters (4)

1. 0:00Introduction to Angular CDK
2. 2:58Overlay and accessibility
3. 16:13CLI schematics
4. 24:10Drag-and-drop functionality

" related talks

• 23mAngular CDK and Material in 2018Jeremy Elbourn · NGConf 2018
• 31mCool interaction made simple with Angular Material CDKNg Tong Sheng · NG-MY 2019
• 25mAngular Material CDK, Datatables and moreElad Bezalel · AngularUP 2017
• 43mDrag-and-Drop Isn't a Drag with Angular Material CDKAndrew Weins · Windcity DevFest 2019
• 19mCDK Is The Coolest Thing You Are Not UsingJeremy Elbourn · ng-conf 2019
• 34mBuilding component libraries using the Angular CDKAustin McDaniel · Uphill Conf 2018
• 29mUnleash the power of the Angular CDKNir Kaufman · ngVikings 2019
• 01h 34mBuilding awesome components with the power of the Angular Component Dev KitKristiyan Kostadinov, Elad Bezalel · NGConf 2018