Sharing Top Content from the Angular-sphere.

A Component Dev Kit for Angular – Angular Blog

  • We’ve built the Component Dev Kit (CDK) to provide high quality predefined behaviors for your components.The Angular CDK gives developers solid, well-tested tools to add common interaction patterns with minimal effort.
  • Our ultimate goal is for all Angular component libraries to be able to take advantage of the CDK, reducing duplication of effort in solving these common problems.How did the CDK come to be?From the development of Angular Material, we saw that many components share common patterns.
  • Some of the most clear-cut examples include:Creating a floating panel connected to some origin element (menu, select, autocomplete, tooltip)Several components need to open some floating panel, such as the mat-select pictured here.Navigating through a set of options via keyboard (menu, select, autocomplete, list)Trapping of focus within a section of the page…
  • With this module included in your app, each component can inject the Directionality service to read the current direction and to subscribe to subsequent updates.overlayIn Angular Material, our most commonly used interaction pattern is the floating overlay panel.
  • If you are the author of a component library and are interested in using the CDK, reach out to devrel@angular.io.Learning moreGet started with the CDK by adding @angular/cdk to your project with npm or yarn, then take a look at the documentation for each of the CDK behaviors and components…

Modern web development is all about components. Angular gives developers a way to define these discrete chunks of UI and then compose them into an application. We’ve built the Component Dev Kit (CDK)…

A Component Dev Kit for AngularModern web development is all about components. Angular gives developers a way to define these discrete chunks of UI and then compose them into an application. We’ve built the Component Dev Kit (CDK) to provide high quality predefined behaviors for your components.The Angular CDK gives developers solid, well-tested tools to add common interaction patterns with minimal effort. Whether you’re authoring a generic, reusable component library or building a domain-specific component for one app, the CDK can help you build what you need in less time with less code and fewer bugs. The CDK is also completely unopinionated when it comes to styling, making it easy to tailor your app to any visual language. Our ultimate goal is for all Angular component libraries to be able to take advantage of the CDK, reducing duplication of effort in solving these common problems.How did the CDK come to be?From the development of Angular Material, we saw that many components share common patterns. Some of the most clear-cut examples include:Creating a floating panel connected to some origin element (menu, select, autocomplete, tooltip)Several components need to open some floating panel, such as the mat-select pictured here.Navigating through a set of options via keyboard (menu, select, autocomplete, list)Trapping of focus within a section of the page (dialog, sidenav)Dynamically switching between multiple content views (tabs, stepper)Aware of these cross-cutting behaviors, we strove to make highly reusable building blocks for the Material Design components. Once these building blocks reached a satisfactory level of maturity, we refactored…

A Component Dev Kit for Angular – Angular Blog

Comments are closed, but trackbacks and pingbacks are open.