SSO Buttons
Social sign-on buttons for multiple providers
SaaSAuth
Overview
SsoButton renders an individual SSO provider button with the provider icon and label. SsoButtonGroup arranges multiple provider buttons in vertical or horizontal layouts. Both support outline/filled variants, "sign in" or "continue" text, loading states, and custom labels for i18n.
Usage
import { SsoButton, SsoButtonGroup } from "@leanicon/web-builder-library/saas";
{
/* Single button */
}
<SsoButton provider="google" onClick={() => handleSsoLogin("google")} />;
{
/* Button group */
}
<SsoButtonGroup
providers={["google", "microsoft", "github"]}
onProviderClick={(provider) => handleSsoLogin(provider)}
/>;