nuxt-x-neon-auth
OAuthButton
Single OAuth provider sign-in button with inline SVG icons for Neon Auth.
OAuthButton
The XAuthOAuthButton component renders a single sign-in button for one OAuth provider, with inline SVG icons for supported providers (Google, GitHub, Apple, etc.). It calls loginWithProvider with the provider id when clicked.
Components
<XAuthOAuthButton />
Pass a provider id to render a styled button for that provider.
<XAuthOAuthButton provider="google" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
provider | OAuthProvider | required | OAuth provider id (e.g. 'google', 'github', 'apple') |
variant | 'solid' | 'outline' | 'soft' | 'subtle' | 'ghost' | 'link' | 'outline' | Nuxt UI button variant |
color | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral' | 'neutral' | Nuxt UI button color |
The button manages its own loading state while loginWithProvider is in flight.
AI Context
component: XAuthOAuthButton
package: "@xenterprises/nuxt-x-neon-auth"
use-when: Render a single OAuth provider sign-in button with Neon Auth