Screenshot

API
There are the following attributes:
- email - sets the email adress for the feedback link
- subject - sets the subject of the email
Note: changing these attributes during runtime will update the href and change the link.
The distance to the left and the right viewport borders default to "5%" and can be set via CSS. For example:
ewc-footer-links{padding: 0 16px 0 16px;}
Usage with WebPack
package.json
"dependencies": {
"@ewc-lib/ewc-footer-links": "^1.0.0"
}
index.html
<!DOCTYPE html>
<html>
<head>
<style>
body{
font-family: 'Arial', sans-serif;
margin: 0;
}
</style>
</head>
<body>
<script src="bundle.js"></script>
<div style="width:100%;">
<style>ewc-footer-links{padding: 0 20px 0 20px;}</style>
<ewc-footer-links
email="some-email-address@somewhere.earth"
subject="This is the eMail's subject">
</ewc-footer-links>
</div>
</body>
</html>
index.js
import "@ewc-lib/ewc-footer-links"