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	String|Object|Array		null	A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
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
totp-data-uri
totp-secret
method
step

totp-app-setup-step

Scoped slot.

Bindings

Name	Description
totp-data-uri
totp-secret

confirm-button

Scoped slot.

Bindings

Name	Description
loading

cancel-button

Scoped slot.

Bindings

Name	Description
loading
handleCancelClick

Source

client/lib/views/ViewSetupDevice.vue