OAuthButton

Social sign-in button for Google and Microsoft with correct brand icons.

Providers

import { OAuthButton } from '@canarist/ui'

<OAuthButton provider="google" onClick={() => signInWithGoogle()} />
<OAuthButton provider="microsoft" onClick={() => signInWithMicrosoft()} />

Loading state

<OAuthButton provider="google" loading />

Reference

Prop	Type	Default	Description
provider	'google' \| 'microsoft'	—	OAuth provider. Determines icon and button label.
loading	boolean	—	Show spinner and disable the button.
onClick	() => void	—	Click handler.
className	string	—	Additional CSS classes.