Dialog component with structural styling to give you a clean slate.
$ npm install dialog-component
- events for composition
- structural CSS letting you decide on style
- overlay support
- modal overlay support
- escapable (esc key support)
- fluent API
showthe dialog is shown
hidethe dialog is hidden
escapethe dialog was closed via the escape key
closethe dialog was closed via the close button
Display a dialog with a
Display a dialog with
Make the dialog closable, this adds a × that users make click to forcefully close the dialog.
Assign the effect name, driven by CSS transitions. Out of the box the following are available:
Add a clickable overlay, which closes the dialog.
Add a non-clickable overlay making it modal.
This is private as it is implied by other options. If no overlay is used, or the overlay is non-modal then a user may close the dialog by pressing the escape key.
Show the dialog.
Hide the dialog immediately or wait
name, useful for styling dialogs differently.