This is a custom web component that allows our partners to embed the Power the Polls signup form on their own web sites and intranets. Contact info@powerthepolls.org to discuss any partnerships.
America is facing a record shortage of poll workers
As coronavirus continues to impact Americans across the country, we are also seeing a staggering decrease in poll workers — which could mean closed polling places and long delays for elections in 2020.
You can help make sure we have a safe, fair, efficient election for all voters, and potentially get paid to do it!
Visit https://powerthepolls.org to sign-up and learn more.
How to embed this form
HTML
Include the latest version:
<script type="module" src="https://unpkg.com/@ptp-us/power-the-polls-form@latest/power-the-polls-form/power-the-polls-form.esm.js"></script>
<script nomodule src="https://unpkg.com/@ptp-us/power-the-polls-form@latest/power-the-polls-form/power-the-polls-form.js"></script>
Reference it like any other HTML element:
<html>
<head>
<script type="module"
src="https://unpkg.com/@ptp-us/power-the-polls-form@latest/power-the-polls-form/power-the-polls-form.esm.js"></script>
<script nomodule
src="https://unpkg.com/@ptp-us/power-the-polls-form@latest/power-the-polls-form/power-the-polls-form.js"></script>
</head>
<body>
<power-the-polls-form
destination="http://form-target-here"
custom-form-field-label="Label for your own custom field here"
/>
</body>
</html>
React
Add to your project:
npm install @ptp-us/power-the-polls-form
In your index.tsx
, add the following code to initialize the form element:
import { applyPolyfills, defineCustomElements } from "@ptp-us/power-the-polls-form/loader";
applyPolyfills().then(() => {
defineCustomElements();
});
Include the form in your component:
Note that in our testing attribute names must be kebab-case
and not camelCase
<power-the-polls-form
destination="http://form-target-here"
custom-form-field-label="Label for your own custom field here"
/>