Building a Drag & Drop Dashboard with Angular Material

Опубликовано: 10 Ноябрь 2024
на канале: Zoaib Khan

1,052

#angular #dashboard #material

✨✨ Get the dashboard: https://zoaibkhan.lemonsqueezy.com/bu...

💡 Live Dashboard Link: https://angular-dashboard-lime.vercel...

Playlist for the Customizable Dashboard series
   • Angular Customizable Dashboard with M...

Video on System Colot Variables in Angular Material
   • Angular Material 18 Dark Theming with...

📽️ My courses:
https://zoaibkhan.com/courses

✍️My blog for more free Angular posts:
https://zoaibkhan.com/blog

In this video, we continue with the drag and drop functionality and add a widgets panel from where users can drag and drop widgets to setup the dashbard to our needs.

Socials:
Twitter -   / zoaibdev
Facebook -   / thisiszoaib
LinkedIn -   / zoaib-khan-b6456815

Sections:
00:00 Introduction and Recap
01:04 Adding a Widgets Panel
01:46 Styling the Widgets Panel
03:38 Implementing Drag and Drop
08:00 Handling Drop Events
14:26 Final Touches and Conclusion