I have a component that is like
//NOTE: This is a pseudo code
<div role="dialog" class={`${open ? "flex" : "hidden"}`}>
<backdrop with fade in transition />
<sidemenu with slide in transition />
</div>
The problem is that I'd like to have a modal with role dialog for accessibility purposes (otherwise I could just move everything out of the view) and once the modal is open, the backdrop fades in and the slider over slides in.
This is the component I'm building https://tailwindui.com/components/application-ui/overlays/slide-overs
What's a good "qwik way" of doing this? My mind is still stuck with React.