Diggi Docs
FullscreenWrapper
Der FullscreenWrapper ist ein Molekül, das es ermöglicht, ein Element in den Vollbildmodus zu versetzen. Dieses Molekül wird in der Regel in Verbindung mit anderen Molekülen oder Organismen verwendet, um eine bessere Benutzererfahrung zu ermöglichen.

Verwendung

Wenn ein Element in den Vollbildmodus versetzt werden soll, kann der FullscreenWrapper verwendet werden. Dieser Wrapper kann mit einem Titel versehen werden, der im Vollbildmodus angezeigt wird. Der Wrapper ermöglicht es, den Inhalt in den Vollbildmodus zu versetzen und wieder zu verlassen. Dabei wird der Inhalt in einem Overlay angezeigt, das den gesamten Bildschirm ausfüllt. Wichtig ist, dass der Wrapper "fixed" positioniert ist, um den Inhalt über den gesamten Bildschirm zu legen. Daher darf der Wrapper nicht innerhalb eines Containers mit "relative" oder "absolute" Position verwendet werden.


Eigenschaften

NameTypeDefault ValueDescription

title

string

undefined

The title of the fullscreen wrapper.

isOpen

boolean

false

Whether the fullscreen wrapper is open.

keepOpenOnNavigation

boolean

false

Whether the fullscreen wrapper is closed when navigating.


Beispiele

FullscreenWrapper