ViewSetupDevice
Overview
Multi-step form that guides the user through enrolling a two-factor authentication device. Presents a method-selection step (TOTP app, email, or SMS), then a verification step where the user confirms the device with a one-time code, then a confirmation step.
Theme entry: ViewSetupDevice
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| 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. | |
| themeOverride | Object | null | A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants. | |
| app | string | yes | Django app label for the model that represents the 2FA device. | |
| model | string | yes | Model name for the 2FA device (used to fetch available method choices). | |
| action | string | "setup" | Action name sent to the server when initiating device setup. |
Slots
action-form-inner
Scoped slot.
Bindings
| Name | Description |
|---|---|
| options | |
| totpDataUri | |
| totpSecret | |
| method | |
| step |
totp-app-setup-step
Scoped slot.
Bindings
| Name | Description |
|---|---|
| totpDataUri | |
| totpSecret |
confirm-button
Scoped slot.
Bindings
| Name | Description |
|---|---|
cancel-button
Scoped slot.
Bindings
| Name | Description |
|---|---|
Source
client/lib/views/ViewSetupDevice.vue