Block PartsPro

Social Sign In Buttons

Sign-in buttons for Google, Apple, GitHub and Microsoft, side by side or stacked.

Usage

Pick a provider to continue.

bash

npm install @wunderui/react

Then import what you need:

tsx

import { SocialSignInButtons } from "@wunderui/react"

Prop	Type	Default
providers	("google" \| "apple" \| "github" \| "microsoft")[]	["google", "github"]
layout	"horizontal" \| "vertical"	"horizontal"
prefix	string	"Continue with"
onSelect	(provider: SocialProvider) => void	—
className	string	—