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
| Name | Type | Default Value | Description |
|---|---|---|---|
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. |