ViewSignIn
Overview
Default sign-in view. Renders an email and password credential form inside an AuthorizingForm card. Post-login routing and MFA pending-flow detection come from AuthorizingForm (via useSignInFlow); submission, loading, and server-side validation mapping come from the inner ActionForm.
Integrators can use this view as-is, adjust copy and behaviour through props (header, subTitle, redirect, formProps, requireRecentLogin, toasts, theme overrides, all forwarded to AuthorizingForm), show a "Forgot password?" link with forgotPasswordTo, or replace individual pieces through the field(email), widget(email), field(password), widget(password), action-bar, and suffix slots. Any other AuthorizingForm or ActionForm slot is forwarded through.
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| forgotPasswordTo | string|object | undefined | Route location for a "Forgot password?" link below the form. No link shows without it. |
Slots
| Name | Scoped | Description |
|---|---|---|
auth-form-prefix-header | ||
auth-form-inner | yes | |
header | yes | |
content | yes | |
suffix | ||
invalid-message | ||
field(email) | yes | |
widget(email) | yes | |
field(password) | yes | |
widget(password) | yes | |
action-bar | yes |
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. |
Source
client/lib/views/ViewSignIn.vue