Add HideSignIn property to SignUp about amplify-ui HOT 7 CLOSED

I do not want users to click on this link for Sign In because I have special Sign Up requirements and I want them to use my customized form.

If you could entirely replace either form to meet your needs, then is the need to hide one or the other still necessary?

from amplify-ui.

Yes that would be a workable solution for me. Thanks!

from amplify-ui.

Hi @defish1962

With the new authenticator this is resolved.

As for your question on linking directly to the Create Account / Sign Up page that can be done with our initialState prop. Basically, you can specify which state the authenticator should start in.

export default withAuthenticator(App, {
  initialState: 'signUp',
});

As for hiding the Sign in, you can hide both tabs at the top of the authenticator using CSS.

.amplify-tabs {
  display: none;
}

You could use this with the initial state so a user is unable to go to the signIn page. However, after the user signs up, and logs in, after they logout, they'll be redirected to the sign in page.

Let me know if this works for you.

from amplify-ui.

We've also added a slot to add in your own custom text! Documentation on that is forthcoming.

from amplify-ui.

Closing this issue for now, if you need more assistance let us know!

from amplify-ui.

I just merged this in! It should be available in our next release. There will be a new hideSignUp prop you can pass in, to hide the sign up page.

from amplify-ui.

Awesome! Thanks so much!

from amplify-ui.