Published in ngconf·May 27An Introduction to Angular Material Form-FieldsIntroduction In this post, we will take a look at the Angular Material Form-Field Component. Why you would want to use a Form-Field component and what effect does it have on other components that are wrapped in a Form-Field. What we’ll cover in this post. What is a mat-form-field component? What components does form-field support? Styling a…12 min read
Published in ngconf·Aug 18, 2021Angular Flex-Layout using MediaObserverIn the last post, we covered setting up and using the Angular Flex-Layout library. In that post, we looked at the responsive aspect of the library using directives and suffixing them with breakpoints where required. To recap, add the fxLayout directive to a DOM element in the HTML. Then, add…Angular Flex Lay5 min read
Published in ngconf·May 26, 2021Angular Flex-Layout: The Alternative Layout Library for Flex-box and CSS GridIf you’ve been looking for an alternative way to write Flexbox or CSS Grid, then Angular’s Flex-Layout might just be the library for you. This post will cover what Angular Flex-Layout is, how to set it up, and a basic overview of the Angular Flex-Layout library. What is Angular Flex-Layout? …Angular7 min read
Published in ngconf·Feb 8, 2021How to: Using Mat-Icon — Part TwoUsing local SVG’s with Angular Materials Mat-Icon component. By Duncan Faulkner — February 2021 In my last post, I talked about using Angular Material’s Mat-Icon component with local SVG images. Though the code worked, it was not going to scale well if we had a lot of images in our…Angular4 min read
Published in ngconf·Jan 20, 2021How to: Use Angular Material’s Mat-Icon with local SVG Images?Duncan Faulkner Jan 20 - 2021 When developing an Angular application with Angular Material, there comes a point when we need to add icons on our components, or buttons etc… Angular Material has the Mat-Icon component for doing this. …Angular6 min read
