Customization of react Amplify UI Authenticator Component

Question

I'm using the Amplify UI Authenticator component for the Authentication and added social Provider login also. Is there any way to customize the component. I Want the Social Provider buttons after the Sign in button.

<Authenticator
                loginMechanisms={["email"]}
                formFields={formFields}
                components={components}
                socialProviders={["google", "facebook", "amazon", "apple"]}
              />

Answer 1

You can review the customization options here, where you can edit your CSS.

 [data-amplify-form]{ display: flex; flex-direction: column-reverse; }