Search code examples
node.jssveltekitsupabase

supabase auth-helpers with auth-ui, how to hide email/password when using social

When setting social login, there doesn't seem to be a way to hide the email/password boxes.

<Auth
            supabaseClient={data.supabase}
            view="sign_in"
            providers={['google']}
            redirectTo={`${data.url}/logging-in?redirect=/`}
            showLinks={false}
            appearance={{ theme: ThemeSupa, style: { input: 'color: #fff' } }}
            theme="dark"
        />

Is there a way to either set the parameter or expose the module so that it's editable?

Solution

  • You can hide email/password by passing onlyThirdPartyProviders={true} to the Auth component. Or alternatively if you are using the latest version of the auth-ui you should be able to import the SocialAuth component.