Create a responsive sidebar menu with Angular Material
Sidebar navigation menus are the most common layout pattern used by web apps nowadays. But most of the components that we have are not really responsive. In this article I’m…
Continue readingmaterial
Create Multi Select List with Angular CDK Selection Model
In a previous post, we created an Angular material list with infinite scroll. In this post, we’re going to convert that into a Multi Select List with the Angular CDK…
Continue readingHow to add infinite scroll to Angular material list
If you’ve ever had to deal with large lists in your web app, you’re probably familiar with infinite scroll. Infinite scroll is a common UI/UX solution to the problem of…
Continue readingCreate Dynamic Form Controls in Angular with FormArray
In this tutorial, we’ll learn how to create dynamic form controls in Angular using Angular FormArray API. While building forms for our apps, most of the time we know in…
Continue readingHow to add Async Validation to Angular Reactive Forms
In this article, we’ll learn how to add async validation to your Angular reactive forms. We’ll build an email input field – which shows up validations when the user focuses…
Continue readingAngular Material Dark Mode in 3 steps
A dark mode is a must-have little feature for your Angular web application. It is easier on the eyes and less draining for your smartphone battery. Here is how you…
Continue readingHow to lazy load Angular Material Dialogs
In an earlier post, I showed you how to create reusable confirmation dialogs with angular material components. In this video, we’ll cover how to lazy load your material dialogs using…
Continue readingAngular material tabs with lazy loaded routes
Tabs are a great UI pattern to divide up complex content of your web app into easily digestible pieces. You can use a few tabs or several tabs, each catering…
Continue readingCreate a responsive navbar in Angular using Flex Layout
Designing a navbar (or a toolbar) is easy for one screen size, but to make a truly responsive navbar, Flex Layout provides us with some neat tricks we can use!…
Continue reading