Angular CDK
Installation in Windows PowerShell oder Visual Code Terminal:
npm install -save @angular/cdk @angular/material |
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>
.