Social Button
A sign-in button carrying a provider's mark.
Installation
npx shadcn@latest add @blank/social-buttonUsage
import { SocialButton } from "@/components/ui/social-button"<SocialButton provider="github" />provider is one of google, github, apple or x. Every other prop goes to the underlying Button, so variant, size and asChild work as usual.
Examples
Custom labels
Children replace the default "Login with ..." copy. Use it when buttons share a row and the provider name alone is enough.
or