Amplify-js: Add a method to hide the sign up link and text from the Vue.js authenticator component

Created on 28 Apr 2020  路  2Comments  路  Source: aws-amplify/amplify-js

Is your feature request related to a problem? Please describe.

There is no documentation on how to hide the signup link and text. This is the "No account? Create account" prompt.

Describe the solution you'd like

A simple property such as signUpVisible=false

Describe alternatives you've considered

I've tried hiding via CSS but this is a hack.

Additional context

image

Amplify UI Components feature-request

Most helpful comment

Closing this in favor of this discussion: https://github.com/aws-amplify/amplify-js/discussions/5593

The solution will be to override the secondary-footer-content on amplify-sign-in:

<amplify-authenticator>
  <amplify-sign-in slot="sign-in">
    <div slot="secondary-footer-content"></div>
  </amplify-sign-in>
</amplify-authenticator>    

All 2 comments

Closing this in favor of this discussion: https://github.com/aws-amplify/amplify-js/discussions/5593

The solution will be to override the secondary-footer-content on amplify-sign-in:

<amplify-authenticator>
  <amplify-sign-in slot="sign-in">
    <div slot="secondary-footer-content"></div>
  </amplify-sign-in>
</amplify-authenticator>    

<amplify-authenticator>
<amplify-sign-in slot="sign-in" hide-sign-up="true"></amplify-sign-in>
<div>
<amplify-sign-out></amplify-sign-out>
</div>
</amplify-authenticator>
I could not find this documentation either. But eventually found the answer randomly on the internet.

Was this page helpful?
0 / 5 - 0 ratings