nuxt-x-auth
OAuthButton
Single OAuth provider sign-in button with a built-in brand icon for the given provider id.
OAuthButton
The XAuthOAuthButton component renders a single sign-in button for one OAuth provider, with a built-in brand icon and label derived from the provider id. It calls loginWithProvider when clicked and manages its own loading state. Use XAuthOAuthButtonGroup if you want to render all configured providers at once.
Components
<XAuthOAuthButton />
Pass the provider id as a string:
<XAuthOAuthButton provider="google" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
provider | string | required | Provider id — one of google, github, facebook, twitter, microsoft, apple, linkedin, discord, spotify |
AI Context
component: XAuthOAuthButton
package: "@xenterprises/nuxt-x-auth"
use-when: Render a single OAuth provider sign-in button