campagnolotoolkitsuperrecordwoodenboxnr

Google's Angular JavaScript framework gets a component kit

Builders of the Angular JavaScript framework have launched a component development kit for the platform, providing components with predetermined behaviors. The goal is for all Angular component libraries to take advantage of the kit and reduce duplication of efforts in solving common problems.

The Angular CDK (Component Dev Kit) has tools for developers to add common interaction patterns, while doing less coding and minimizing bugs.

The CDK contains subpackages, each with a different area of responsibility:

  • Bidi, for bidirectional text, provides a common pattern for components to respond to the current directionality of a page.
  • Layout has utilities for building responsive UIs that can react to changes in screen size.
  • Overlay provides a way to open floating panels on a screen.
  • Table, or <cdk-table>, provides a core on which developers can build a tailored data-table experience.
  • Ally has utilities for building accessible components, especially for web users interacting with a screen reader.

The CDK arose from work on Angular Material, which provides Material Design components for the framework. Developers saw that components share common patterns.

How to get Angular CDK

To use the kit, add @angular/sdk to your project with NPM or Yarn. The documentation on CDK behaviors is at the Angular Material website.

Planned features for Angular CDK

Features planned for later versions of Angular CDK include:

  • Utilities and directives for drag-and-drop interaction.
  • A dialog subpackage for a baseline dialog for customization to visual languages.
  • <cdk-svg> for inline SVG styling and animation.
  • A <cdk-tree> component that follows patterns set by <cdk-table>.
  • An improved positioning strategy for overlays, supporting flexible sizing.
IDG Insider

PREVIOUS ARTICLE

« Amazon has a Raspberry Pi 3 retro gaming kit for $65

NEXT ARTICLE

Code Vein hands-on preview: Sort of anime, sort of Dark Souls »
author_image
IDG Connect

IDG Connect tackles the tech stories that matter to you

  • Mail

Recommended for You

20 Red-Hot, Pre-IPO companies to watch in 2019 B2B tech - Part 1

Martin Veitch's inside track on today’s tech trends

Training and certification for a cloud native world

Keri Allan looks at the latest trends and technologies

Unicorns are running free in the UK but Brexit poses a tough challenge

Trevor Clawson on the outlook for UK Tech startups

Poll

Do you think your smartphone is making you a workaholic?