Animating a custom Angular CDK slide-over dialog

The approach we are going to take is heavily derived from our referenced article as well as from the Angular Material dialog implementation. That is, we are going to utilise @angular/animations to enable our component to slide-in and -out of the page.

My rookie Angular router mistake

We utilize the default selectTitle router-selector to get the page title properly by making sure to set the title route config at the deepest or at the leaf node route. If not, then the title will be undefined.

Angular 11 and TailwindCSS with HMR

With the release of version 11, Angular has now made it easier to enable Hot Module Replacement (HMR) during development. Literally, with a single flag.