How do I edit the default 'Sign In' and 'Create Account' pages that are implemented by AWS Amplify's authentication service? - Amazon Web Sevices

BlueAcid98
March 7, 2023
285 views
0 votes
2 Answers

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.

Answers

- Luke
- March 7, 2023 at 12:41 pm
- 0 votes
0
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.

- VishnuS
- March 7, 2023 at 12:41 pm
- 0 votes
0
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.