How can I modify aws-amplify components?

[7772]

I apply aws-amplify to my project but I want to modify signIn, signUp and other components of aws-amplify.

exactly, when I try to use aws-amplify, I didn't have a choice but to use this view.

[oluckyman]

I think the default components are for really basic use cases and provided as examples. If tweaking theme is not enough for you then you have to implement your own custom UI

[7772]

Thank you!
I got hint due to your answer!
Do you know something examples about making my own custom UI for React Native App ?
I'm React Native Starter...So everything is difficult.

[oluckyman]

I'm using only web-part currently. But I think the principle is the same. Take a look how react-native UI implemented and make your own basing on example

[lawcen]

hi @oluckyman, Do you have a web-part example of how to customize the Auth UI?

[oluckyman]

Hi @lawcen, I'm making my own UI components as suggested in the docs. As I understood the only way you can customize provided UI is by tweaking theme prop

[mlabieniec]

You can create your own theme ui component and include it on the Authorizer UI Theme Extension

[honkskillet]

@mlabieniec @oluckyman All the links here are broken. Do you know where the docs/them extension info lives now?

[mlabieniec]

@honkskillet
main docs site:
https://aws.github.io/aws-amplify/

Theme:
https://aws.github.io/aws-amplify/media/authentication_guide#customize-ui-theme

[github-actions]

This issue has been automatically locked since there hasn't been any recent activity after it was closed. Please open a new issue for related bugs.

Looking for a help forum? We recommend joining the Amplify Community Discord server *-help channels or Discussions for those types of questions.