Memberstack offers several data attributes to handle social authentication with providers like Google, Facebook, LinkedIn, etc. These attributes allow you to add social login, connect/disconnect buttons, and conditionally show content based on a connected provider.
This attribute adds a social login button in your signup and login forms. It must be used inside the
<a data-ms-auth-provider="google" href="#"> Continue with Google </a>
This attribute creates a container to manage connecting/disconnecting providers. It must wrap
<div data-ms-auth="manage-providers"> <a data-ms-auth-provider="google" href="#"> Continue with Google </a> </div>
This attribute allows you to change the text of an element if a provider is connected. It must be inside
<div data-ms-auth-connected-text="Disconnect Google"> Connect Google </div>
This attribute shows a child element like an X icon if the provider is connected. It must be inside
<div data-ms-auth-provider="google"> <div data-ms-auth-disconnect> <img src="x-icon.png"> </div> Connect Google </div>
Using these attributes together allows you to create a social authentication flow in Memberstack. See the documentation for more details on setup and usage.
Memberstack offers several data attributes to handle authentication with email/password or social providers like Google, Facebook, etc.
For standard email and password authentication, use the data-ms-form attributes in your signup and login forms found here.