PasswordModal

The PasswordModal component is used to challenge a user to prove they have access to their account before making updates to important information. This is used in user workflows such as changing their account's email address.

Examples

const isPasswordModalOpen = ref(false)

<PasswordModal v-model="isPasswordModalOpen" @password-modal:done="handleSaveContact" />

An example can be seen in /frontend/views/AccountView.vue

Component Props

Prop	Description	Options
title	the text to display in the ModalHeader of the password modal

Component Events

Event	Description	Args
@password-modal:done	emits when the submit button is clicked	password value
@password-modal:close	emits when the cancel button is clicked

CSS Classes

Class	Description
.header	css class applied to the ModalHeader component