New-UDBackdrop

Sinossi

Crea una sovrapposizione sulla pagina corrente.

Sintassi

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

Descrizione

Crea una sovrapposizione sulla pagina corrente.

Parametri

-Id

L'ID di questo componente

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

-Color

Il colore del backdrop.

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

-Children

Componenti figlio da includere nel backdrop.

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

-Open

Indica se il backdrop è aperto.

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

-OnClick

Un blocco di script da invocare quando si fa clic sul backdrop.

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

-ClassName

Una classe CSS da applicare al backdrop.

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

Parametri comuni

Questo cmdlet supporta i parametri comuni: Verbose, Debug, ErrorAction, ErrorVariable, WarningAction, WarningVariable, OutBuffer, PipelineVariable e OutVariable. Per maggiori informazioni, veda about_CommonParameters.

Output

Esempi

Esempio 1: Backdrop di base

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'

Crea un backdrop di base.

Esempio 2: Apertura dinamica del backdrop

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
   }
}

Crea un backdrop che può essere aperto con un pulsante.

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