nuxt-x-auth-stack
OAuthButton
Single OAuth provider sign-in button that calls loginWithProvider for Stack Auth.
OAuthButton
The XAuthOAuthButton component renders a single sign-in button for one OAuth provider. It calls loginWithProvider with the provider id when clicked. Use XAuthOAuthButtonGroup to render all configured providers at once.
Components
<XAuthOAuthButton />
Pass a provider id to render a styled button for that provider. Shows a "Connecting…" state internally while the OAuth flow starts.
<XAuthOAuthButton provider="google" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
provider | string | required | One of google, github, facebook, twitter, microsoft, apple, linkedin, discord, spotify |
variant | string | 'outline' | Nuxt UI button variant |
color | string | 'neutral' | Nuxt UI button color |
AI Context
component: XAuthOAuthButton
package: "@xenterprises/nuxt-x-auth-stack"
use-when: Render a single OAuth provider sign-in button with Stack Auth