+ {#if label}
+
+ {/if}
+
+ {#each { length: pinLength } as _, index (index)}
+ handleInput(event, index)}
+ aria-label={`PIN digit ${index + 1} of ${pinLength}${label ? ` for ${label}` : ''}`}
+ />
+ {/each}
+
+
diff --git a/web/src/lib/components/user-settings-page/PinCodeSettings.svelte b/web/src/lib/components/user-settings-page/PinCodeSettings.svelte
new file mode 100644
index 0000000000..ef122b14e7
--- /dev/null
+++ b/web/src/lib/components/user-settings-page/PinCodeSettings.svelte
@@ -0,0 +1,116 @@
+
+
+