brian treesebriantreese.hashnode.dev·Feb 2, 2024Angular CDK Overlay Tutorial: Adding AccessibilityWhen creating a modal or pop-up in an Angular application, accessibility can be easy to overlook. If you’re developing an app but you’re able to see, hear, and easily access and use different devices, it’s probably not top of mind for you. But it’s i...Angular
brian treesebriantreese.hashnode.dev·Jan 26, 2024Angular CDK Overlay Tutorial: Adding AnimationsWhen using the Angular CDK Overlay module, you will likely want to transition the opening and closing of the overlay content. It’s something that seems like it should be pretty easy and straightforward but it’s actually a little tricky. It can’t real...Angular
brian treesebriantreese.hashnode.dev·Jan 19, 2024Angular CDK Overlay Tutorial: Scroll StrategiesIn the Angular CDK there are a lot of cool, exciting, and helpful features. And the Overlay Module is one of the most powerful. It’s used to create things like dialogs, tooltips, menus, custom dropdowns and more. I’ve already created a couple of post...Angular
brian treesebriantreese.hashnode.dev·Jan 12, 2024Angular CDK Overlay Tutorial: PositioningThe Angular CDK Overlay is a handy, powerful, and fairly complex feature that can be used to quickly create modals and pop-ups. In my previous post about the CDK Overlay, I covered the basics needed to create both a modal using the global position st...Angular
brian treesebriantreese.hashnode.dev·Jan 5, 2024Learn the Basics of Angular CDK Overlay: Angular Modals and Pop-upsWhen building apps in Angular, you will likely need to trigger a modal or pop-up at some point. Sometimes this is easy and can be done with some simple CSS, but other times, it may be more complicated. You may need to append markup to the bottom of y...angular cdk overlay