+ {{token}}
+ size: normal, theme: dark
+
+
+ size: compact, theme: light
+
+
diff --git a/examples/angular/src/app/app.component.ts b/examples/angular/src/app/app.component.ts
new file mode 100644
index 0000000..b2704a9
--- /dev/null
+++ b/examples/angular/src/app/app.component.ts
@@ -0,0 +1,28 @@
+import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+
+@Component({
+ selector: 'app-root',
+ standalone: true,
+ templateUrl: './app.component.html',
+ schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class AppComponent {
+ token = '';
+ siteKey = '781559eb-513a-4bae-8d29-d4af340e3624';
+ jsapi = 'https://js.hcaptcha.com/1/api.js';
+ recaptchacompat = false;
+
+ onCaptchaVerified(e: Event) {
+ console.log('verified event', e);
+ // @ts-ignore
+ this.token = e.token;
+ }
+
+ onCaptchaError(e: Event) {
+ console.log('error event', e);
+ }
+
+ onCaptchaClosed() {
+ console.log('hCaptcha closed');
+ }
+}
diff --git a/examples/angular/src/app/app.config.ts b/examples/angular/src/app/app.config.ts
new file mode 100644
index 0000000..c4a32cc
--- /dev/null
+++ b/examples/angular/src/app/app.config.ts
@@ -0,0 +1,5 @@
+import { ApplicationConfig } from '@angular/core';
+
+export const appConfig: ApplicationConfig = {
+ providers: []
+};
diff --git a/examples/angular/src/favicon.ico b/examples/angular/src/favicon.ico
new file mode 100644
index 0000000..57614f9
Binary files /dev/null and b/examples/angular/src/favicon.ico differ
diff --git a/examples/angular/src/index.html b/examples/angular/src/index.html
new file mode 100644
index 0000000..7b2b148
--- /dev/null
+++ b/examples/angular/src/index.html
@@ -0,0 +1,13 @@
+
+
+
+