react-dialog-element

React Dialog component using native

element.

Using native HTML element has few benefits over custom dialog components:
- Better accessibility
- Better performance
- Small bundle size (about 1kB)
- Fully styleable
- Traps focus inside dialog
- Closes on escape key press
- Closes on click outside dialog

Usage

``jsx
import { Dialog } from 'react-dialog-element';

const App = () => {
const [isOpen, setOpen] = useState(false);

return (
<>
setOpen(true)}>Open dialog

Dialog content

);
};
``

Browser support

Caniuse link