Overlay
Overlay is a layer covering the page in such a way that, together with additional components such as modal or side navigation, it can create specific functionalities in which we define in which area the user can perform actions.
Overlay is using Alpine.store for keeping information about state of overlay and information about element that is displayed with overlay.
OverlayBosons
Clickable
Is overlay can't be closed.
type:
booldefault:
falseAbsolute
Is position for overlay is absolute.
type:
booldefault:
falseAttrs
Sets attributes in the html tag.
type:
hanariu.AttrsExample
Default overlay
default
1// Default overlay
2
3@protons.Overlay(&protons.OverlayBosons{})