---
url: "https://vueda.dev/v3/reference/api/vue/ViewSignIn.md"
title: "ViewSignIn"
---

# 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 |
| --- | --- | --- | --- | --- |
| <span id="prop-forgotPasswordTo">forgotPasswordTo</span> | `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 |  |

[Full slot reference](/v3/reference/api/vue/ViewSignIn/slots.md)

## 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](/v3/reference/api/vue/ViewSignIn/events.md)

## Source

`client/lib/views/ViewSignIn.vue`