Arrière-plan

Le composant backdrop place une superposition par-dessus l'ensemble de la page. Il est utile pour afficher les états de chargement.

Backdrop de base

Pour créer un backdrop de base, vous pouvez utiliser l'applet de commande New-UDBackdrop et inclure du contenu à afficher dans le backdrop. Le contenu sera centré sur la page. Pour afficher le backdrop, utilisez le paramètre de commutateur -Open.

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

Composant Backdrop

Gestionnaire OnClick

Le backdrop fournit un gestionnaire -OnClick que vous pouvez utiliser pour fermer le backdrop lorsqu'on clique dessus. Vous pouvez utiliser Set-UDElement pour ouvrir et fermer le backdrop.

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

API

• New-UDBackdrop