Can amplify-authenticator render hosted UI for federated logins?

** Which Category is your question related to? ** Auth

** What AWS Services are you utilizing? ** Cognito

** Provide additional details e.g. code snippets **

$ amplify --version
4.17.2

I have a cognito user pool with only google as an Identity provider. When I addd <amplify-authenticator></amplify-authenticator> to my angular component, it renders a username/password form.

Can amplify-authenticator show a “Login with google” button? or maybe render the hosted-UI? Or should I be looking to implement that myself?

[ericclemmons]

@foragerr If you’re using User Pools then you may better served by a custom “Login with Google” button and calling Auth.federatedSignIn({ provider: "Google"}):

https://aws-amplify.github.io/docs/js/authentication#oauth-and-hosted-ui

Currently, our <amplify-authenticator> supports Identity Pools’ configuration, but we’re actively investigating supporting both User Pools & Identity Pools without breaking backwards compatibility.

I’m going to update the labels for this accordingly as a feature request so we don’t lose track!

[ericclemmons]

A couple improvements resolve this issue for our @next release:

1. Social providers use Cognito User Pools by default (via Auth.federatedSignIn), since this is the default social configuration from Admin UI & the CLI.

   – https://ui.docs.amplify.aws/ui/components/authenticator?platform=react#loginmechanisms

2. Zero-config support from #626 will make <Authenticator> automatically show the correct login mechanisms (including Google, in your case) without any additional configuration.