Corpora UI

Social Providers

Social auth buttons (Google, Apple, GitHub, X) in stacked or icon-row layout.

Preview

Use the controls to explore the component's props.

Props

PropTypeDefaultDescription
providers("google" | "apple" | "github" | "x")[]["google", "apple", "github"]Providers to render, in order.
action"login" | "signup" | "continue""continue"Verb used in the button labels.
layout"stack" | "row""stack"Full-width labeled buttons or an icon-only row.
loadingProviderTSocialProvider | nullnullMarks one provider as loading and disables the rest.

Example

import { SocialProviders } from "@exegia/corpora-ui"

<SocialProviders action="login" onSelect={(provider) => signIn(provider)} />

Last updated on

On this page