Use Modals and Panels to Simplify Your UI Extensions
Download the overlay sample from the GitHub repository: https://github.com/HubSpot/ui-extensi...
________
Are your UI Extensions getting too unruly? Now, you can use the new modal component and updated panel component to add extra complexity without expanding the size of the card. The new modal component comes in both a regular variant and a danger variant, helping to warn users if they’re taking a destructive behavior. The updated panel component has a simplified API for easier management. Additionally, a new prop - overlay - creates consistency with Panels and Modals, and this update simplifies overlay management, reduces the number of functions needed, and handles additional popups like Notes from CrmActionButton more effectively. Use the sample app to get started using these components today.
00:00 Introduction to Modal and Panel Components
00:50 Setting Up the Project
01:56 Deploying and Viewing in HubSpot
02:52 Exploring the Overlay Example Card
03:59 Diving into the Code
05:41 Building Modal and Panel Components
07:50 Conclusion and Next Steps