Introduction

The hhl-modal will give you a popup box placedin the center of the screen.
The standard popup will not close when you click outside the popup but will shake the popup to indicate you need to do something in the popup.

Trigger

You control open and close by the v-model as boolean, or by the functions Open() and Close().


No shake

By adding the property no-shake You can remove the shaking.


Show overlay

By adding the property show-overlay the background will be dimmed to indicate it is a modal.


No persistent

By adding the property no-persistent clicking outside will close the popup.


Offset vertical

You can control the vetical offset by the property offset="value"
The range is 0% to 100%.
0% = top, 50% = center, 100% = bottom.
The default is 20%