Turnstile

A Turnstile widget confirms web visitors are real and blocks unwanted bots.
alphaView source

Import the addon stylesheet when using addon components:

css
@import "@typlog/ui/addons";
vue
<script setup lang="ts">
import { ref } from 'vue'
import { Turnstile } from '@typlog/ui/addons'

const token = ref('')
</script>

<template>
  <Turnstile v-model="token" sitekey="0x4AAAAAABmL8cu5eZ3JKoY-" />
</template>

API Reference ​

PropDefaultType
action""
string
appearance"always"
"always""execute""interaction-only"
modelValue
–
string
renderOnMounttrue
boolean
resetInterval295 * 1000
number
sitekey
–
string
size"normal"
"compact""normal"
theme"auto"
"auto""dark""light"
Last updated Sep 15, 2026
SocialButtonIconify