import React, { useRef } from "react";
import ReviewModal from "@/components/common/ReviewModal";
const Test = () => {
const dialogRef = useRef<any>();
return (
<>
<dialog ref={dialogRef} className="m-0 p-0">
<ReviewModal
onCancel={() => {
dialogRef.current.close();
}}
/>
</dialog>
<button
onClick={() => {
dialogRef.current.showModal();
}}
>
click
</button>
</>
);
};
export default Test;
I set the margin and padding values to 0, but the backdrop still remains. I want to cover the entire screen with a dialog. What properties should I use?
