AuthForm

Overview

Renders a page-level authentication form with a title, subtitle, and action slot. Handles reauthentication redirects and MFA pending-flow detection automatically, delegating the actual form submission to an inner ActionForm.

Theme entry: AuthForm

Props

Name	Type	Required	Default	Description
themeOverride	String|Object|Array		null	A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
redirect	string		""	Route path to redirect to after a successful authentication action.
header	string		""	Heading text displayed above the form.
subTitle	string		""	Secondary text displayed below the heading.
runAction	func		undefined	Async function that performs the form submission action.
formProps	object		{}	Additional props forwarded to the underlying form composable.
permitted	boolean		true	Whether the current user is permitted to access this form.

Slots

Name	Scoped	Description
action-form-inner	yes
validation-summary	yes	Override the structured per-field validation alert shown when formContext.state.anyError is set; receives entries, count, and title.
action-bar	yes
confirm-button	yes
cancel-button	yes
actions-hint
form-confirm-dialog-warnings	yes
form-content	yes	Override the entire form content area; receives run-action, on-submission-error-handler, and redirect-to bindings.

Full slot reference

Events

Name	Description
form-object	Emitted on mount with a readonly ref to the reactive form values object.
form-context	Emitted on mount with the form context. Use its methods for programmatic form updates.

Full event reference

Source

client/lib/views/AuthForm.vue