Backdrop

Die Backdrop-Komponente legt ein Overlay über die gesamte Seite. Sie ist nützlich, um Ladezustände anzuzeigen.

Einfacher Backdrop

Um einen einfachen Backdrop zu erstellen, können Sie das Cmdlet New-UDBackdrop verwenden und Inhalte einfügen, die innerhalb des Backdrops angezeigt werden. Der Inhalt wird auf der Seite zentriert. Um den Backdrop anzuzeigen, verwenden Sie den Schalterparameter -Open.

New-UDBackdrop -Content {
    New-UDTypography -Text "Loading..." -Variant h2
} -Open

Backdrop-Komponente

OnClick-Handler

Der Backdrop stellt einen -OnClick-Handler bereit, mit dem Sie den Backdrop beim Anklicken schließen können. Sie können Set-UDElement verwenden, um den Backdrop zu öffnen und zu schließen.

New-UDBackdrop -Id 'backdrop' -Content {
    New-UDTypography -Text "Loading..." -Variant h2
} -Open -OnClick {
    Set-UDElement -Id 'backdrop' -Properties @{
        open = $false
    }
}

API

• New-UDBackdrop