Screenshot

API
There are the following attributes:
- note - sets the text of the footnote
- url - sets the URL, opened in same tab
Note: changing these attributes during runtime has no effect.
Usage with WebPack
package.json
"dependencies": {
"@ewc-lib/ewc-footer-notes": "^0.1.0"
}
index.html
<!DOCTYPE html>
<html>
<head>
<style>
body{
font-family: 'Arial', sans-serif;
margin: 0;
}
</style>
</head>
<body>
<script src="bundle.js"></script>
<ewc-footer-notes
note="This is a non-informative footnote text."
url="https://ec.europa.eu/eurostat">
</ewc-footer-notes>
</body>
</html>
index.js
import "@ewc-lib/ewc-footer-notes"