#✅ - social auth order in authenticator component

3 messages · Page 1 of 1 (latest)

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!!

StackBlitz

React + TypeScript starter project

GitHub

Amplify UI is a collection of accessible, themeable, performant React (and more!) components that can connect directly to the cloud. - Issues · aws-amplify/amplify-ui

solemn grailBOT
#

✅ - social auth order in authenticator component