Hide sign up link about auth-ui HOT 6 CLOSED

This is now possible with the latest release by passing a showLinks={false} prop to the component.

<Auth
  supabaseClient={supabase}
  view="sign_in"
  showLinks={false}
/>

This now means if you are using something like NextJS, you can just show the view of the component you wish on each page without worrying about the component using its internal state to change to the signup page. Do note however that this is just a visual change so if a user knows how to pass state into an component using the React dev tools for instance they could show the sign_up view by passing that to the view prop.

from auth-ui.

In my case I wanted to hide the signup link but didn't want to get rid of the magic and forgot password links. I solved it with custom styling:

<Auth
  supabaseClient={supabaseClient}
  providers={[]}
  magicLink={true}
  appearance={{
     theme: ThemeSupa,
     className: {
      anchor: styles.anchor,
     },
  }}
/>

Scss module:

.anchor {
  &:nth-child(3) {
    display: none;
  }
}

from auth-ui.

+1 on this, would be nice to be able to use this in a flow where someone has to first purchase a subscription / access before sign-up.

from auth-ui.

+1

from auth-ui.

Never mind. Post deleted. I was passing sign_in for both pages. It's working now.

from auth-ui.

@jtlapp you gave me a scare there as I just noticed the original message in my inbox. Thanks for coming back and stating what the issue was.

from auth-ui.