Papier

Composant Paper pour les applications Universal

Dans Material Design, les propriétés physiques du papier sont transposées à l'écran.

L'arrière-plan d'une application ressemble à la texture plate et opaque d'une feuille de papier, et le comportement d'une application imite la capacité du papier à être redimensionné, réorganisé et assemblé en plusieurs feuilles.

Paper

New-UDPaper -Elevation 0 -Content {} 
New-UDPaper -Elevation 1 -Content {} 
New-UDPaper -Elevation 3 -Content {}

Mise en forme du contenu Paper

Par défaut, le composant Paper utilise le type d'affichage flex pour le contenu à l'intérieur du papier. Cela peut causer des problèmes avec d'autres types de contenu qui pourraient être stockés dans le papier. Vous pouvez remplacer le type d'affichage en utilisant le paramètre -Style.

$m=@'
# Hello

## world
- a
- b
-c
'@

New-UDPaper -Elevation 7 -Children {
   New-UDMarkdown -markdown $m
} -Style @{
   display = 'block'
}

Papier carré

Par défaut, le papier aura des bords arrondis. Vous pouvez réduire l'arrondi en utilisant un papier carré.

New-UDPaper -Square -Content {}

Papier coloré

Le paramètre -Style peut être utilisé pour colorer le papier. Tout CSS valide peut être inclus dans la table de hachage pour un style.

L'exemple suivant crée un papier avec un arrière-plan rouge.

New-UDPaper  -Content { } -Style @{ 
     backgroundColor = 'red'
}

API

• New-UDPaper