Social Auth Button
Live preview and documentation for the Social Auth Button component.
Preview
componentPreview.loading
About
A social login button (Google / Apple / Facebook / etc.) with an outline and no fill — the hover/press highlight comes from the internal KasyHover. Two layouts: icon-only (compact, for a row of providers) or with a label (full-width "Continue with..." button).
label: the provider's name; always becomes the accessibility label, and shows as text whenshowLabelistrue.iconAsset: path to the brand's official SVG (e.g.assets/icons/google.svg), rendered atKasyIconSize.lg.onPressed: the tap handler;nulldisables the button (becomes opaque and inert).showLabel:false(default) = icon-only tile;true= icon + label, full-width button.
Fires a medium haptic on tap (not KasyHover's default light haptic).
Last updated on 08/23/2026