New-UDBackdrop

Synopsis

Crée une superposition sur la page actuelle.

Syntaxe

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

Description

Crée une superposition sur la page actuelle.

Paramètres

-Id

L'ID de ce composant

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

-Color

La couleur de la superposition.

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

-Children

Composants enfants à inclure dans la superposition.

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

-Open

Indique si la superposition est ouverte.

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

-OnClick

Un bloc de script à invoquer lorsque l'on clique sur la superposition.

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

-ClassName

Une classe CSS à appliquer à la superposition.

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

Paramètres communs

Cette applet de commande prend en charge les paramètres communs : Verbose, Debug, ErrorAction, ErrorVariable, WarningAction, WarningVariable, OutBuffer, PipelineVariable et OutVariable. Pour plus d'information, voir about_CommonParameters.

Sorties

Exemples

Exemple 1 : Superposition de 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'

Crée une superposition de base.

Exemple 2 : Ouvrir dynamiquement une superposition

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

Crée une superposition qui peut être ouverte à l'aide d'un bouton.

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