captcha
prop
The captcha
property can be used to change the appearance of the CAPTCHA widget. It is passed as a parameter to the appearance
prop.
Properties
- Name
theme
- Type
'auto' | 'light' | 'dark'
- Description
The CAPTCHA widget theme. Defaults to
auto
.
- Name
size
- Type
'normal' | 'flexible' | 'compact'
- Description
The CAPTCHA widget size. Defaults to
normal
.
- Name
language
- Type
string
- Description
The CAPTCHA widget language/locale. When setting the language for CAPTCHA, this is how localization is prioritized:
appearance.captcha.language
: Set by thislanguage
property.localization.locale
: Set by thelocalization
prop on<ClerkProvider>
. Some languages are supported by Clerk but not by Cloudflare Turnstile, which is used for the CAPTCHA widget. See Cloudflare Turnstile's supported languages.en-US
: Clerk's default language.
import { ClerkProvider } from '@clerk/nextjs';
<ClerkProvider
appearance={{
captcha: {
theme: 'dark',
size: 'flexible',
language: 'es-ES',
}
}}
>
{/* ... */}
</ClerkProvider>;
Feedback
Last updated on