Angular Material #9 - Bottom Sheet Component

Angular Material is a UI Component-Based Library for Angular and through this series, we will take a look into each feature that Angular Material has to offer. ✦ VISIT MY WEBSITE TO SEE ALL TUTORIALS AND COURSES: https://www.omerko.com ✦ ANGULAR MATERIAL SERIES: https://bit.ly/3mlsG83 ✦ ANGULAR ESSENTIALS SERIES: https://bit.ly/3GUboXO ✦ SKILLSHARE: - Watch my Courses on SkillShare - https://www.skillshare.com/user/omerko - Get FREE 1 Month Trial - https://skl.sh/3mubziB ✦ UDEMY: - HTML5 and CSS3 for Beginners with Flexbox and CSS Grid - https://bit.ly/3o3R9Nf​​ - Bootstrap 5 - The Complete Guide - https://bit.ly/3mm9G8g ✦ SUGGESTED VIDEOS: - Search Engine with WebSearchAPI - https://youtu.be/zRYLgRgZEWQ - Multi Layout Routing with Angular - https://youtu.be/2Kb1_zuq0cI ✦ INSTAGRAM: https://www.instagram.com/omerko96​​ ✦ BUSINESS: [email protected] ✦ CHAPTERS: 0:00​ Intro 0:38 What is Bottom Sheet 1:03 Setup The Component 1:57 Adding Module for Bottom Sheet 2:35 Creating Button 3:35 Bottom Sheet Popup Component Setup 5:10 Creating Actions for Bottom Sheet 7:39 Opening Bottom Sheet 9:48 Closing Bottom Sheet 12:03 Outro