skip to Main Content

I’ve created an Amplify-React app and implemented AWS Amplify’s own authentication service. This creates default ‘Sign In’ and ‘Create Account’ pages. I’d like to edit the look of those pages by perhaps changing the text font or the colour of buttons etc. Does anyone know how I’d do this?

I haven’t tried anything yet as I don’t know where to start.

2

Answers


  1. You can use this documentation and build your own front-end solution.

    import { Auth } from 'aws-amplify';
    
    async function signIn() {
        try {
            const user = await Auth.signIn(username, password);
        } catch (error) {
            console.log('error signing in', error);
        }
    }
    

    Use react to control state, and pass in the values.

    Here is a tutorial you can follow.

    Login or Signup to reply.
  2. I think Amplify allows you to customize it easily.
    Follow the documentation here: https://ui.docs.amplify.aws/react/connected-components/authenticator/customization

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search