#Transition suggestion

2 messages · Page 1 of 1 (latest)

regal crystal
#

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.

Off-screen slide-over sheet examples for Tailwind CSS, designed and built by the creators of the framework.

barren comet