New-UDStack

Synopsis

Le composant Stack gère la disposition des enfants immédiats selon l'axe vertical ou horizontal avec un espacement et/ou des séparateurs optionnels entre chaque enfant.

Syntaxe

New-UDStack [[-Id] <String>] [-Children] <ScriptBlock> [[-Divider] <ScriptBlock>] [[-Spacing] <Int32>] [[-Direction] <String>] [-FullWidth] [[-AlignItems] <String>] [[-JustifyContent] <String>] [<CommonParameters>]

Description

Stack concerne les dispositions unidimensionnelles, tandis que Grid gère les dispositions bidimensionnelles. La direction par défaut est column, qui empile les enfants verticalement.

Paramètres

-Id

L'ID de ce composant.

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

-Children

Les enfants à empiler.

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

-Divider

Un composant séparateur optionnel.

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

-Spacing

L'espacement entre les éléments.

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

-Direction

La direction de la pile. La direction par défaut est column, qui empile les enfants verticalement. Les valeurs valides sont row, column, row-reverse et column-reverse.

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

-FullWidth

Si défini, la pile occupera toute la largeur de son conteneur.

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

-AlignItems

Définit la propriété de style align-items. Elle s'applique à toutes les tailles d'écran. Les valeurs valides sont flex-start, flex-end, center, stretch et baseline.

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

-JustifyContent

Définit la propriété de style justify-content. Elle s'applique à toutes les tailles d'écran. Les valeurs valides sont flex-start, flex-end, center, space-between, space-around et space-evenly.

Required?                    false
Position?                    7
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 : Pile de base

New-UDStack -Content {
   New-UDCard -Text "Card 1" -RemoveMargin
   New-UDCard -Text "Card 2" -RemoveMargin
   New-UDCard -Text "Card 3" -RemoveMargin
} -Spacing 2 -Id 'stack1'

Une pile de base.

Exemple 2 : Direction

New-UDStack -Content {
   New-UDCard -Text "Card 1" -RemoveMargin
   New-UDCard -Text "Card 2" -RemoveMargin
   New-UDCard -Text "Card 3" -RemoveMargin
} -Spacing 2 -Id 'stack2' -Direction 'column'

Une pile en direction column.

Exemple 3 : Row Reverse

New-UDStack -Content {
   New-UDCard -Text "Card 1" -RemoveMargin
   New-UDCard -Text "Card 2" -RemoveMargin
   New-UDCard -Text "Card 3" -RemoveMargin
} -Spacing 2 -Id 'stack3' -Direction 'row-reverse'

Une pile row reverse.

Exemple 4 : Alignement

New-UDStack -Content {
   New-UDCard -Text "Card 1" -RemoveMargin
   New-UDCard -Text "Card 2" -RemoveMargin
   New-UDCard -Text "Card 3" -RemoveMargin
} -Spacing 2 -Id 'stack4' -AlignItems 'center'

Une pile centrée.

Exemple 5 : Séparateur

New-UDStack -Content {
   New-UDCard -Text "Card 1" -RemoveMargin
   New-UDCard -Text "Card 2" -RemoveMargin
   New-UDCard -Text "Card 3" -RemoveMargin
} -Spacing 2 -Id 'stack5' -Divider {
   New-UDDivider
}

Une pile avec un séparateur.

Exemple 6 : Justify Content

New-UDStack -Content {
   New-UDCard -Text "Card 1" -RemoveMargin
   New-UDCard -Text "Card 2" -RemoveMargin
   New-UDCard -Text "Card 3" -RemoveMargin
} -Spacing 2 -Id 'stack6' -AlignItems 'center' -JustifyContent 'space-between'

Une pile avec justify content.