New-UDBackdrop

Sinopsis

Crea una superposición sobre la página actual.

Sintaxis

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

Descripción

Crea una superposición sobre la página actual.

Parámetros

-Id

El ID de este componente

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

-Color

El color de la superposición.

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

-Children

Componentes secundarios que se incluirán en la superposición.

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

-Open

Si la superposición está abierta.

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

-OnClick

Un bloque de script que se invoca al hacer clic en la superposición.

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

-ClassName

Una clase CSS que se aplica a la superposición.

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

Parámetros comunes

Este cmdlet admite los parámetros comunes: Verbose, Debug, ErrorAction, ErrorVariable, WarningAction, WarningVariable, OutBuffer, PipelineVariable y OutVariable. Para obtener más información, consulte about_CommonParameters.

Salidas

Ejemplos

Ejemplo 1: superposición básica

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 una superposición básica.

Ejemplo 2: abrir la superposición dinámicamente

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 una superposición que se puede abrir con un botón.

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