Introducing the Angular CDK
Explore the Angular CDK, the foundation of Angular Material, to create custom components that support clipboard operations and drag-and-drop interactions. Learn module imports, directives like cdkCopyToClipboard and cdkDrag, and how to handle reordering in draggable lists. Gain hands-on experience extending Angular Material capabilities beyond default styles.
We'll cover the following...
We will learn about the backbone of the Angular Material library, the Angular CDK, and how we can use it to create custom controls that adhere to Material Design guidelines.
The Angular CDK is the core of the Angular Material library. It is a collection of tools that implement similar interaction patterns; however, they are not tied to any presentation style, such as Material Design. The behavior of Angular Material components has been designed using the Angular CDK. The Angular CDK is so abstract that we can use it to create custom components. You should seriously consider it if you are a UI library author.
The capabilities of the Angular CDK are enormous and certainly cannot fit in a single lesson. For the sake of demonstration, we are going to describe two elements of the library: