Dialog
Porto dialog is a renderer that displays the account interface in a modal dialog. As with everything else, Porto comes pre-configured with a default dialog renderer suitable for the user's browser of choice. That means that you don't need to do anything to use the dialog.
Behavior
- The dialog opens automatically when a request requires user confirmation
- The dialog closes when:
- The user completes the requested action
- The user clicks outside the dialog
- The user presses the Escape key
- When the dialog closes due to a user cancellation, all pending requests will be rejected with a
UserRejectedRequestError
Dialog.iframe
The iframe
dialog is Porto's default rendering option.
Usage
import { Porto, Dialog, Mode } from 'porto'
const porto = Porto.create({
mode: Mode.dialog({
renderer: Dialog.iframe()
})
})
Dialog.popup
The popup
dialog is the same as the iframe
dialog but uses a popup window instead of an iframe
.
Usage
import { Porto, Dialog, Mode } from 'porto'
const porto = Porto.create({
mode: Mode.dialog({
renderer: Dialog.popup()
})
})