how do i remove a sign-in button from a angular or apache login page?

I just had and resolved this problem.

The “Sign in with AWS” button load from federated component.

The solution is to override the slot in amplify-sign-in with an empty div.

Eg :

  *ngIf="authState !== 'signedin'">
  <amplify-sign-in slot="sign-in" usernameAlias="phone_number" hideSignUp>
    <div slot="federated-buttons"></div>

<div *ngIf="authState === 'signedin' && user" class="App">
  <div>Hello, {{user.username}}</div>
  <!-- This is where you application template code goes -->

Resulting UI

CLICK HERE to find out more related problems solutions.

Leave a Comment

Your email address will not be published.

Scroll to Top