This polyfills the HTML commandfor/command attributes, as proposed by the Open UI group.
To see the explainer of these, please visit https://open-ui.org/components/invokers.explainer/.
If you're using npm, you only need to import the package, like so:
import "invokers-polyfill";Alternatively, if you're not using a package manager, you can use the unpkg script:
<script
type="module"
async
src="https://unpkg.com/invokers-polyfill@latest/invoker.min.js"
></script>With the module imported, you can add commandfor and command attributes to your HTML:
<button commandfor="my-dialog" command="show-modal">Open Dialog!</button>
<dialog id="my-dialog">I'm a dialog!</dialog>