@angular/cdk
Advanced tools
Package description
The @angular/cdk package, also known as Angular Component Dev Kit, provides a set of tools, components, and utilities for building complex material design components without depending on the Angular Material library. It is designed to be generic and reusable across different UI components.
Layout
The Layout module provides utilities to build responsive layouts using the BreakpointObserver service.
import {LayoutModule} from '@angular/cdk/layout';Overlay
The Overlay module helps in creating powerful overlay elements that can be attached to any part of the document.
import {OverlayModule} from '@angular/cdk/overlay';Table
The Table module provides a flexible and extensible data-table for displaying tabular data.
import {CdkTableModule} from '@angular/cdk/table';Drag and Drop
The DragDrop module allows for implementing drag-and-drop features in your application with ease.
import {DragDropModule} from '@angular/cdk/drag-drop';Accessibility
The Accessibility module provides tools to make your application more accessible, including focus management and screen reader support.
import {A11yModule} from '@angular/cdk/a11y';React DnD is a set of React utilities to help you build complex drag and drop interfaces while keeping components decoupled. It is similar to the DragDropModule in @angular/cdk but for React.
React Virtualized is a React component for efficiently rendering large lists and tabular data. It is similar to the Table module in @angular/cdk but specifically tailored for React applications.
Popper.js is a library used to create poppers in web applications. It is similar to the Overlay module in @angular/cdk, providing a way to attach elements to the DOM and manage their positioning.
Muuri is a JavaScript layout engine that allows creating responsive, sortable, filterable, and draggable grid layouts. It is similar to the combination of the Layout and DragDrop modules in @angular/cdk.
Changelog
17.3.5 "titanium-bear" (2024-04-17)
| Commit | Type | Description | | -- | -- | -- | | 8c8fe2b65 | fix | drag-drop: text selection not disabled inside shadow dom on firefox (#28835) | | 312d57a9b | fix | observers: don't observe content of comments (#28871) |
| Commit | Type | Description | | -- | -- | -- | | 80437d83b | fix | autocomplete: panel not visible when opened from multiple triggers (#28843) | | 69b5ded96 | fix | autocomplete: remove dependency on NgClass (#28849) | | 4a56d6afa | fix | core: throw better error when mixin doesn't support color variants (#28880) | | cbe0a78f7 | fix | datepicker: remove dependency on NgClass (#28865) | | 7a085c6e0 | fix | menu: remove dependency on NgClass (#28877) | | 4c16d2cd8 | fix | tabs: remove dependency on NgClass (#28875) |
| Commit | Type | Description | | -- | -- | -- | | d99167eb3 | fix | make info window open method compatible with advanced marker |
<!-- CHANGELOG SPLIT MARKER --><a name="18.0.0-next.4"></a>
Readme
The sources for this package are in the main Angular Material repo. Please file issues and pull requests against that repo.
License: MIT
FAQs
Angular Material Component Development Kit
The npm package @angular/cdk receives a total of 1,273,826 weekly downloads. As such, @angular/cdk popularity was classified as popular.
We found that @angular/cdk demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.
Security News
GitHub is susceptible to a CDN flaw that allows attackers to host malware on any public repository.
Security News
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.