nuxt-x-auth
OAuthButton
Single OAuth provider sign-in button for Google, GitHub, or any configured provider.
OAuthButton
The XAuthOAuthButton component renders a single sign-in button for one OAuth provider. It calls loginWithProvider with the given provider id when clicked. Use XAuthOAuthButtonGroup if you want to render all configured providers at once.
Components
<XAuthOAuthButton />
Pass a provider definition object to render a styled button for that provider.
<XAuthOAuthButton :provider="{ id: 'google', label: 'Google', icon: 'i-logos-google-icon' }" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
provider | { id: string, label: string, icon: string } | required | Provider definition with id, display label, and icon class |
loading | boolean | false | Show a loading spinner on the button |
AI Context
component: XAuthOAuthButton
package: "@xenterprises/nuxt-x-auth"
use-when: Render a single OAuth provider sign-in button