Member-only story
Using Microsoft’s FAST Design system in Angular
If you are frontend developer then you must have used few popular design system libraries like Bootstrap, Google Material Design etc. While building an Angular application, the most common design system choice is Angular Material library.
There is another design system which you might not have heard or used so far, called FAST design by Microsoft. The design itself looks very rich and highly customizable. The documentation shows how to integrate FAST design system with other technologies like Angular.
Since, I was curious to try this out this design in Angular, I built a simple To-Do list application with FAST and Angular.
You can check out the demo.
Building To-Do list app
The Angular + FAST integration documentation was pretty self-explanatory to getting started.
Since FAST library exports components as web components, we can’t just import modules into Angular NgModules as we do with Angular Material design components (e.g. MatButtonModule). Whereas, we need to import the respective module and register with FAST Dependency Injection system.
