Cloudflare Turnstile Widget
Framework agnostic widget for Cloudflare's free-to-use CAPTCHA service,
Cloudflare Turnstile
[Introduction]
[Usage]
[Contributors]
[License]
---
## Introduction
- When the requirement is to utilize the Cloudflare's CAPTCHA service in a web component or shadow DOM implementation,
Cloudflare's script for their CAPTCHA service only queries the document in the DOM tree which presents a problem that this component solves.
- The `` is a custom iframe that makes the use of cloudflare's CAPTCHA easier in your application without the above mentioned issue.
## Usage
1️⃣ Install the library in your project.
```bash
npm install cloudflare-turnstile-widget
```
2️⃣ Import the package
```js
import 'cloudflare-turnstile-widget';
```
3️⃣ Use the widget in your application.
```html
```
4️⃣ Use event listeners to receive messages from the widget.
```js
document.querySelector('turnstile-widget').addEventListener('success', function (e) {
console.log(e.detail.content);
});
```
## Contributors
Thanks goes to these wonderful people:
## License
Licensed under [MIT](LICENSE)
Based on [`omni-widget`](https://github.com/capitec/omni-widget) licensed under [MIT](THIRDPARTY.md)
