X Enterprises
nuxt-x-auth

OAuthButtonGroup

Renders the configured OAuth provider buttons from app.config.ts as a stacked group.

OAuthButtonGroup

The XAuthOAuthButtonGroup component reads xAuth.oauthProviders from app.config.ts and renders an XAuthOAuthButton for each entry. It renders nothing unless xAuth.features.oauth is true.

Components

<XAuthOAuthButtonGroup />

No configuration needed — providers come from app.config.ts:

<XAuthOAuthButtonGroup />

Props

PropTypeDefaultDescription
providersArray<{ id: string, label: string, icon: string }>xAuth.oauthProvidersOverride the provider list. Falls back to xAuth.oauthProviders, then to a single Google button.

AI Context

component: XAuthOAuthButtonGroup
package: "@xenterprises/nuxt-x-auth"
use-when: Render all configured OAuth sign-in buttons in one block
Copyright © 2026