nuxt-x-auth
Form
Low-level auth form container that provides the shared card, layout, and branding shell used by all auth page components.
Form
The XAuthForm component is the low-level container used internally by all auth page components. It renders the card, applies the configured layout (centered or split), shows the logo and brand name, and provides a consistent visual shell. Use it when building a custom auth page that doesn't fit the pre-built components.
Components
<XAuthForm />
Wrap custom form content inside XAuthForm to inherit the shared auth layout.
<XAuthForm title="Verify Email" subtitle="Enter the code we sent you">
<!-- custom form content -->
</XAuthForm>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | '' | Heading displayed inside the card |
subtitle | string | '' | Subheading below the title |
showLogo | boolean | xAuth.ui.showLogo | Override logo visibility |
Slots
| Slot | Description |
|---|---|
default | Form content rendered inside the card |
AI Context
component: XAuthForm
package: "@xenterprises/nuxt-x-auth"
use-when: Building a custom auth page that needs the shared card/layout/branding shell