Amplify-js: Customize AWS Amplify Authenticator UI for Angular

Created on 9 Nov 2018  路  10Comments  路  Source: aws-amplify/amplify-js

Is your feature request related to a problem? Please describe.
I want to use this authenticator to our project to reduce our development time to develop the comment. However, currently, this authenticator for Angular does not allow to customize. There is no input parameter.

Describe the solution you'd like
The Authenticator should provide an input prop for the component so so that we can customize authenticator UI such as rename label, button text, show/hide feature (e.g. Sign Up, Reset password, etc.)

Angular feature-request

Most helpful comment

@hoang-innomizetech perhaps this will help you:
https://github.com/aws-amplify/amplify-js/issues/1911#issuecomment-437090097

All 10 comments

@hoang-innomizetech perhaps this will help you:
https://github.com/aws-amplify/amplify-js/issues/1911#issuecomment-437090097

@karlmosenbacher Thank you. Hope we can get this updated soon.

I can't find anymore the Beta docs describing how to configure the fields, did you move them?
Thanks in advance!

@mechero I don't think this is supported

Well, I saw once the updated docs as per described in the linked comment, detailing the fields to include in the sign-up form. But I can't find them anymore.

@mechero Yeah, this is for React not Angular

@mechero is this what you are looking for? Search the page for signupconfig

@holtc yes, that's it, thanks! I'll give it a try

FYI, we have started an RFC discussion for a proposed Amplify UI Component refactor to increase customizability and flexibility for our components. Please feel free to add any additional comments to the following issue:

https://github.com/aws-amplify/amplify-js/issues/3279

You can customize the formFields in the new UI components.

Here are the docs for this: https://docs.amplify.aws/ui/auth/authenticator/q/framework/angular#custom-form-fields

If there are any further request, please go ahead and open a new issue in this repo.

Was this page helpful?
0 / 5 - 0 ratings