The Angular Component Development Kit (CDK) is a set of tools that are provided by the Angular Material team for implementing common interaction patterns. This was primarily built for the Angular Material component library, but it can be used by any other component library or project so that you can implement common patterns in web development, ranging from accessibility, bi-directionality, drag and drop, and responsive layouts, along with reusable generic components such as steppers, tables, and trees.
The Angular CDK makes it easy for developers to create high-quality component libraries for their projects. In this chapter, we will be using the Angular CDK to manage the focus of the drop-down component when the user interacts with it.