t49tran / react-google-recaptcha-v3

Google Recaptcha V3 integration for React
MIT License
427 stars 91 forks source link

How can I hide the recaptcha badge? #186

Open eleversa opened 7 months ago

eleversa commented 7 months ago

In google Frecuently Asked Questions about Google Recaptcha V3 says:

_I'd like to hide the reCAPTCHA badge. What is allowed? You are allowed to hide the badge as long as you include the reCAPTCHA branding visibly in the user flow. Please include the following text:

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Note: if you choose to hide the badge, please use

.grecaptcha-badge { visibility: hidden; }_

I'm wondering if there is a way to do that with this dependency.

Any ideas?

cbdelavenne commented 7 months ago

I was wondering the same thing! I'm using the same CSS workaround in the mean time, but it would be more elegant if the component supported: container.parameters.visible as a boolean.

container={{
      parameters: {
        visible: false, // optional, default true
        badge: '[inline|bottomright|bottomleft]', // optional, default undefined
        theme: 'dark', // optional, default undefined
      }
    }}

Too bad that's not an option (yet).