wired-dialog
Hand-drawn sketchy Dialog web component.
For demo and view the complete set of wired-elememts: wiredjs.com
Usage
Add wired-dialog to your project:
npm wired-dialog
Import wired-dialog definition into your HTML page:
Or into your module script:
Use it in your web page:
Dialog content here Close dialog
Properties
elevation - Number between 1 and 5 (inclusive) that gives the sketchy link underline a height. Default value is 1.
open - Boolean value telling dialog if it's showing or not.
Custom CSS Properties
--wired-dialog-z-index - Sets the z-index
of the dialog