#

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>.

 

Mobile

.

0123movie.net