<Drower
open={open} // REQUIRED
handleClose={() => setOpen(false)} // REQUIRED
ancor={ancor} // Default is right // other options are left, right
w="w-1/2" // Default is w-full
clses="bg-red-500" // Default is null
>
<div className="w-80 p-5">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore, aut!
Incidunt est tenetur eligendi vitae accusantium natus consequuntur nam
hic exercitationem quis, sit assumenda facere nostrum in quisquam
neque rem.
</div>
</Drower>ancor =
<AnimatedDrower
open={open} // REQUIRED
handleClose={() => setOpen(false)} // REQUIRED
ancor={ancor} // Default is right // other options are left, right
w="w-1/2" // Default is w-full
clses="bg-red-500" // Default is null
style={{ background: "red" }} // Default is null
motionType={pop} // Default is pop // other options are slide, fade, scale, flipY, flipX, springY, springX
>
Hellow world
</AnimatedDrower>ancor =
motionType =
width =
<AnimatedDrower
open={open} // REQUIRED
handleClose={() => setOpen(false)} // REQUIRED
ancor={ancor} // Default is right // other options are left, right
style={{ background: "red" }} // Default is null
>
Hellow world
</AnimatedDrower>ancor =