To prevent esc ⎋ or click outside to close you can use closedby="none|closerequest".
Dialog Modal window that prompts the user to take an action or provides important information.
For best accessibility:
Please use the dialog tag. It automatically comes with FREE accessibility features like keyboard controls, focus trap with access to browser controls (react focus trap does NOT support this and is NOT accessible), unlimited dialog nesting/stacking, optional click outside to close, etc.
Controls
Title should be as simple as possible and should NEVER exceed 1 line.
Should be as simple and easy to parse as possible.
Add separators between the header and the footer/actions blocks.
Show the actions block/section