dom-upgrade
No external library is needed
CSS file
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/dom-styles.css" />
for javascript:
for browser and html:
for development:
<script src="https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/dom-upgrade.browser.dev.js" type="text/javascript">
</script>
for production:
<script src="https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/dom-upgrade.browser.prod.min.js" type="text/javascript">
</script>
for EcmaScript (ESM)
for development:
<script type="module">
import { Alert, ErrorAlert,
Prompt, WarningAlert} from "https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/dom-upgrade.esm.dev.js";
// other code
</script>
for production:
<script type="module">
import { Alert, ErrorAlert,
Prompt, WarningAlert} from "https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/dom-upgrade.esm.prod.min.js";
// other code
</script>
for node
npm install dom-upgrade
for typescript
for browser and html:
for development:
<script src="https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/@types/dom-upgrade.browser.dev.ts" type="text/javascript">
</script>
for production:
<script src="https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/@types/dom-upgrade.browser.prod.min.ts" type="text/javascript">
</script>
for EcmaScript (ESM)
for development:
<script type="module">
import { Alert, ErrorAlert,
Prompt, WarningAlert} from "https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/@types/dom-upgrade.esm.dev.ts";
// other code
</script>
for production:
<script type="module">
import { Alert, ErrorAlert,
Prompt, WarningAlert} from "https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/@types/dom-upgrade.esm.prod.min.ts";
// other code
</script>
for node
npm install dom-upgrade