Theme

Theme

Learn how to customize the appearance of reCAPTCHA widgets

The google recaptcha provides two themes: "light" and "dark". We can set the theme in the provider configuration for v3 and v2 invisible or v2 checkbox.

<GoogleReCaptchaProvider
  type="v3 | v2-checkbox | v2-invisible"
  siteKey="your_site_key"
  theme="dark | light" //[!code highlight]
>
  <slot />
</GoogleReCaptchaProvider>

Badge customization

For v2 invisible and v3, customize the badge position and size:

<GoogleReCaptchaProvider
  type="v3 | v2-invisible"
  siteKey="your_site_key"
  :explicit="{
    badge: 'bottomright | bottomleft | inline', 
    size: 'normal | compact'
  }"
>
  <slot />
</GoogleReCaptchaProvider>

Last updated on