1.0.1 • Published 4 months ago
@webhandle/form-answer-dialog v1.0.1
Form Answer Dialog
Presents a dialog (normally with a form) and resolves with the form information.
Install
npm install @webhandle/form-answer-dialog
Usage
import FormAnswerDialog from '@webhandle/form-answer-dialog'
let dialog = new FormAnswerDialog({
title: 'A form dialog'
, body: stringLiteralOrFunctionToGenerateBody
, data: {
name: 'my name'
, address: '123 Main St.'
}
})
let userData = await dialog.open()
The code above opens a new dialog with two buttons on the bottom (OK and Cancel). If the
user cancels the dialog, userData
will be null. If they click 'OK' then it will be an
object with the form data.
The body
can be any string which should be used for the dialog's content or any function
which when called will produce the dialog's content. FormAnswerDialog
will attempt to set
the values of the form elements according to data
.
Additional Usage
If you only want to show information, the code below will open a dialog with just an 'OK' button.
import InfoDialog from '@webhandle/form-answer-dialog/client-lib/info-dialog.mjs'
let dialog = new InfoDialog({
title: 'We have info!'
, body: 'This is the information.'
})
await dialog.open()