ViewTwoFactorAuth
Overview
Two-factor authentication challenge view presented after initial login. Lets the user select an available verification method (TOTP, SMS, email), request a code to be sent for applicable methods (with a 60-second resend cooldown), and submit the code to complete authentication. A separate ghost CTA reveals a recovery-code path that swaps the form body to a single mono text input.
Theme entry: ViewTwoFactorAuth
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. | |
| iconOverride | Object | null | A partial icon registry ({ [componentName]: { [iconName]: { component, props } } }) merged with inherited and default icon entries; scopes icon overrides to this component and its descendants. |
Slots
action-form-inner
Scoped slot.
Bindings
| Name | Description |
|---|---|
| options | |
| method | |
| use-recovery-code |
default
Scoped slot.
Bindings
| Name | Description |
|---|---|
| send-code-methods | |
| method | |
| code | |
| handle-send-code | |
| cooldown-seconds | |
| timer | |
| loading | |
| use-recovery-code | |
| toggle-recovery |
Source
client/lib/views/ViewTwoFactorAuth.vue