Appearance
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
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 |