New-UDBackdrop

Übersicht

Erstellt ein Overlay über der aktuellen Seite.

Syntax

New-UDBackdrop [[-Id] <String>] [[-Color] <DashboardColor>] [-Children] <ScriptBlock> [-Open] [[-OnClick] <Endpoint>] [[-ClassName] <String>] [<CommonParameters>]

Beschreibung

Erstellt ein Overlay über der aktuellen Seite.

Parameter

-Id

Die ID dieser Komponente

Required?                    false
Position?                    1
Default value                ([Guid]::NewGuid()).ToString()
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Color

Die Farbe des Backdrops.

Required?                    false
Position?                    2
Default value                #fff
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Children

Untergeordnete Komponenten, die im Backdrop enthalten sein sollen.

Required?                    true
Position?                    3
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Open

Ob der Backdrop geöffnet ist.

Required?                    false
Position?                    named
Default value                False
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-OnClick

Ein Skriptblock, der aufgerufen wird, wenn auf den Backdrop geklickt wird.

Required?                    false
Position?                    4
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-ClassName

Eine CSS-Klasse, die auf den Backdrop angewendet wird.

Required?                    false
Position?                    5
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

Allgemeine Parameter

Dieses Cmdlet unterstützt die allgemeinen Parameter: Verbose, Debug, ErrorAction, ErrorVariable, WarningAction, WarningVariable, OutBuffer, PipelineVariable und OutVariable. Weitere Informationen finden Sie unter about_CommonParameters.

Ausgaben

Beispiele

Beispiel 1: Einfacher Backdrop

New-UDBackdrop -Color '#fff' -Children {
   New-UDTypography -Text 'Hello World'
} -Open -OnClick {
   Show-UDToast -Message 'Backdrop clicked'
   Set-UDElement -Id 'backdrop1' -Properties @{
       open = $false
   }
} -Id 'backdrop1'

Erstellt einen einfachen Backdrop.

Beispiel 2: Backdrop dynamisch öffnen

New-UDBackdrop -Children {
   New-UDTypography -Text 'Hello World'
}  -OnClick {
   Set-UDElement -Id 'backdrop2' -Properties @{
       open = $false
   }
} -Id 'backdrop2'
New-UDButton -Text 'Open Backdrop' -OnClick {
   Set-UDElement -Id 'backdrop2' -Properties @{
       open = $true
   }
}

Erstellt einen Backdrop, der mit einer Schaltfläche geöffnet werden kann.

[Component("Backdrop", "BoothCurtain", "Creates a new backdrop.")]