Dialog component with structural styling to give you a clean slate.
Live demo is here
$ 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.
Dialogs are centered by default. If you'd rather use CSS to position the dialog make it
no per element CSS properties are added to such dialogs.
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.
Install component-test globally in order to run unit tests:
sudo npm install -g component-test2