Merge pull request #25 from ghostdevv/class-prop

Author: ghostdevv

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "svelte-turnstile",
-	"version": "0.6.1",
+	"version": "0.7.0",
 	"scripts": {
 		"dev": "vite dev",
 		"package": "svelte-kit sync && svelte-package",

src/lib/Turnstile.svelte

@@ -133,6 +133,13 @@
     export let responseFieldName: RenderParameters['response-field-name'] =
         undefined;
 
+    /**
+     * Classes to apply to the wrapper div around turnstile.
+     * This won't work with Svelte scoped styles.
+     */
+    let _class: string | undefined = undefined;
+    export { _class as class };
+
     /**
      * Resets the widget.
      * @param widgetId - The ID of the widget.
@@ -214,6 +221,6 @@
 
 {#if loaded && mounted}
     {#key $$props}
-        <div use:turnstileAction />
+        <div use:turnstileAction class={_class} />
     {/key}
 {/if}