✅ - social auth order in authenticator component

[storm chasm]

I have a react app with an authenticator component with some social auths:

<Authenticator socialProviders={socialProviders} />

However, I do not want to show the social providers on top, which is the default on the component. I know I can reorder form fields, but I was not able to find any way to reorder the social providers so they appear below normal signup/signin instead of above it

[severe agate]

Hi @storm chasm , thanks for reaching out! At present there is no way to customize the ordering of the social providers component in the form, but you could achieve this using css flex-direction, please see an example here: https://stackblitz.com/edit/react-ts-4nov8s?file=App.tsx,style.css.

Feel free to open an issue https://github.com/aws-amplify/amplify-ui/issues and if you are interested in implementing this yourself, we gladly accept contributions!!

[solemn grail]

✅ - social auth order in authenticator component