Angular CDK

Installation in Windows PowerShell oder Visual Code Terminal:

Angular Material : Component Dev Kit (CDK)

https://material.angular.io/cdk/categories The Component Dev Kit (CDK) is a set of behavior primitives for building UI components.

Angular CDK Clipboard

The clipboard package provides helpers for working with the system clipboard.

The cdkCopyToClipboard

 directive can be used to easily add copy-on-click functionality to an existing element. The directive selector doubles as an @Input() for the text to be copied.

https://material.angular.io/cdk/clipboard/overview

Angular CDK: Drag-Drop

The @angular/cdk/drag-drop module provides you with a way to easily and declaratively create drag-and-drop interfaces, with support for free dragging, sorting within a list, transferring items between lists, animations, touch devices, custom drag handles, previews, and placeholders, in addition to horizontal lists and locking along an axis.

https://material.angular.io/cdk/drag-drop/overview

Angular CDK: Overlay

The overlay package provides a way to open floating panels on the screen.

https://material.angular.io/cdk/overlay/overview

Angular CDK: Scrolling

The scrolling package provides helpers for directives that react to scroll events.

https://material.angular.io/cdk/scrolling/overview

Angular CDK: Table

The CdkTable is an unopinionated, customizable data-table with a fully-templated API, dynamic columns, and an accessible DOM structure. This component acts as the core upon which anyone can build their own tailored data-table experience.https://material.angular.io/cdk/table/overview

Angular CDK: Text Field

The text-field package provides useful utilities for working with text input fields such as <input> and <textarea>.

https://material.angular.io/cdk/text-field/overview

The cdkTextareaAutosize directive can be applied to any <textarea> to make it automatically resize to fit its content. The minimum and maximum number of rows to expand to can be set via the cdkAutosizeMinRows and cdkAutosizeMaxRows properties respectively.

Angular CDK: Text Field

https://material.angular.io/cdk/tree/overview

The <cdk-tree> enables developers to build a customized tree experience for structured data. The <cdk-tree> provides a foundation to build other features such as filtering on top of tree. For a Material Design styled tree, see <mat-tree> which builds on top of the <cdk-tree>.