How to create a reusable modal using VueJS with named slots

Figma Flexible modal with slot components modal slot Slots wrapper: The wrapper slot of the modal It wraps the base and the backdrop slots base: The main slot of the modal content backdrop: The backdrop modal 138 slot By default, a button inside activator slot will open the modal on clicktapfocus+enter, etc If you bind anything else to that button, it's

modal slot In this video we build out a dynamic & reusable modal component using vue 3 We create this