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: bool
default: false
Absolute
Is position for overlay is absolute.
type: bool
default: false
Attrs
Sets attributes in the html tag.
type: gopress.Attrs

Example

Default overlay
default
1// Default overlay
2
3@protons.Overlay(&protons.OverlayBosons{})

Let's dive deeper and connect!

Hanariu is brought to you by Pay For Done. We specialize in crafting products and services rooted in design systems. Join our community to discuss how we can support you.


© 2024 Pay For Done. All Rights Reserved. Website compliant with W3C validation.