amplify-ui icon indicating copy to clipboard operation
amplify-ui copied to clipboard

Customise SignIn to have additional components

Open psambit9791 opened this issue 8 months ago • 2 comments

On which framework/platform would you like to see this feature implemented?

React

Which UI component is this feature-request for?

Authenticator

Please describe your feature-request in detail.

Ability to Customise the SignIn component, similar to how we can customise the SignUp component with checkboxes etc. as shown here: Example

components={{
        SignUp: {
          FormFields() {
            const { validationErrors } = useAuthenticator();

            return (
              <>
                {/* Re-use default `Authenticator.SignUp.FormFields` */}
                <Authenticator.SignUp.FormFields />

                {/* Append & require Terms & Conditions field to sign up  */}
                <CheckboxField
                  errorMessage={validationErrors.acknowledgement as string}
                  hasError={!!validationErrors.acknowledgement}
                  name="acknowledgement"
                  value="yes"
                  label="I agree with the Terms & Conditions"
                />
              </>
            );
          },
        },
      }}

Please describe a solution you'd like.

I was wondering if something similar can also be allowed for the SignIn. The use case is to ensure the users are validating each time they are signing in. Or something like a 'Remember Me' option when signing in which can be handles in a validateCustomSignIn() function.

We love contributors! Is this something you'd be interested in working on?

  • [ ] 👋 I may be able to implement this feature request.
  • [ ] ⚠️ This feature might incur a breaking change.

psambit9791 avatar Oct 31 '23 00:10 psambit9791