Skip to content

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

js
const isPasswordModalOpen = ref(false)
html
<PasswordModal v-model="isPasswordModalOpen" @password-modal:done="handleSaveContact" />

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

Component Props

PropDescriptionOptions
titlethe text to display in the ModalHeader of the password modal

Component Events

EventDescriptionArgs
@password-modal:doneemits when the submit button is clickedpassword value
@password-modal:closeemits when the cancel button is clicked

CSS Classes

ClassDescription
.headercss class applied to the ModalHeader component