Integrazione Svelte

Procaptcha fornisce un componente ufficiale Svelte per una facile integrazione di Prosopo Procaptcha in qualsiasi progetto Svelte. Il componente di integrazione supporta tutte le opzioni di rendering Procaptcha.

1. Installazione

Sezione intitolata 1. Installazione

npm install @prosopo/svelte-procaptcha-wrapper

2. Esempio di utilizzo

Sezione intitolata 2. Esempio di utilizzo

2.1) Configurazione base

Sezione intitolata 2.1) Configurazione base

<script lang="ts">
import {ProcaptchaComponent} from "@prosopo/svelte-procaptcha-wrapper";
</script>

<ProcaptchaComponent siteKey={"my-site-key"}/>;

2.2) Utilizzo avanzato

Sezione intitolata 2.2) Utilizzo avanzato

<script lang="ts">
import {ProcaptchaComponent} from "@prosopo/svelte-procaptcha-wrapper";

const siteKey = "my-site-key";
const handleVerification = (token: string): void => {
    console.log('verified', token);
};
</script>

<ProcaptchaComponent siteKey="{siteKey}"
language="en"
callback={handleVerification}
htmlAttributes={{class: "my-app__procaptcha"}} />