dialog-polyfill.js is a polyfill for and . Check out some demos!
is an element for a popup box in a web page, including a modal option which will make the rest of the page inert during use. This could be useful to block a user's interaction until they give you a response, or to confirm an action. See the HTML spec.
Usage
$3
You may optionally install via NPM -
$ npm install dialog-polyfill
There are several ways that to include the dialog polyfill:
* include dist/dialog-polyfill.js script directly in your HTML, which exposes a global dialogPolyfill function. * import (es modules) * require (commonjs/node)
``javascript // direct import (script module, deno) import dialogPolyfill from './node_modules/dialog-polyfill/dist/dialog-polyfill.esm.js';
// OR
// modern es modules with rollup/webpack bundlers, and node via esm module import dialogPolyfill from 'dialog-polyfill'
// OR
// traditional commonjs/node and browserify bundler const dialogPolyfill = require('dialog-polyfill') `
$3
This polyfill works on modern versions of all major browsers. It also supports IE9 and above. It can work when used inside Shadow DOM, but it's not recommended.
$3
1. Include the CSS in the
of your document, and the JS anywhere before referencing dialogPolyfill. 2. Create your dialog elements within the document. See limitations for more details. 3. Register the elements using dialogPolyfill.registerDialog(), passing it one node at a time. This polyfill won't replace native support. 4. Use your