Authenticator should have option to disable username/password flow #6686
Description
Before creating a new issue, please confirm:
- I have searched for duplicate or closed issues and discussions.
- I have tried disabling all browser extensions or using a different browser
- I have tried deleting the node_modules folder and reinstalling my dependencies
- I have read the guide for submitting bug reports.
On which framework/platform are you having an issue?
iOS, React
Which UI component?
Authenticator
How is your app built?
Next.js
What browsers are you seeing the problem on?
No response
Which region are you seeing the problem in?
No response
Please describe your bug.
I'd like to use only social logins in the app
There is a way to disable self-registration in user pools aws-amplify/amplify-backend#1313
Which solves a problem for the backend. However, on the front-end the Authenticator component still shows registration and login options with username and password. It doesn't have any props to hide it.
What's the expected behaviour?
An option to remove password sign and registration
<Authenticator
hidePasswordSignUp="true"
The only workaround for this is css hacks
[data-amplify-router-content] [data-amplify-authenticator-signin] .amplify-divider[data-label="or"] {
display: none !important;
}
[data-amplify-router-content] [data-amplify-authenticator-signin] .amplify-flex fieldset {
display: none !important;
}
[data-amplify-router-content] [data-amplify-authenticator-signin] .amplify-button[type="submit"] {
display: none !important;
}
[data-amplify-router-content] [data-amplify-authenticator-signin] [data-amplify-footer] {
display: none !important;
}
Help us reproduce the bug!
Normal amplify setup with usual flows
Code Snippet
// Put your code below this line.Console log output
No response
Additional information and screenshots
No response