New-UDButtonGroup

Synopsis

Crée un nouveau groupe de boutons.

Syntaxe

New-UDButtonGroup [[-Id] <String>] [[-Children] <ScriptBlock>] [[-ClassName] <String>] [[-Color] <Object>] [-Disabled] [-FullWidth] [[-Orientation] <String>] [[-Size] <String>] [[-Sx] <Hashtable>] [[-Variant] <String>] [<CommonParameters>]

Description

Crée un groupe de boutons. Utilisez New-UDButtonGroupItem pour ajouter de nouveaux éléments au groupe.

Paramètres

-Id

L'ID du composant. Il s'agit par défaut d'un GUID aléatoire.

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

-Children

Les éléments du groupe.

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

-ClassName

Une classe CSS à appliquer au groupe de boutons.

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

-Color

La couleur du groupe de boutons. Les valeurs valides sont : "primary", "secondary", "success", "warning", "error", "success", "info"

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

-Disabled

Désactive le groupe de boutons.

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

-FullWidth

Rend le groupe de boutons pleine largeur.

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

-Orientation

L'orientation du groupe de boutons. Les valeurs valides sont : "horizontal", "vertical"

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

-Size

La taille du groupe de boutons. Les valeurs valides sont : "small", "medium", "large"

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

-Sx

Une table de hachage de styles à appliquer à ce composant.

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

-Variant

La variante du groupe de boutons. Les valeurs valides sont : "contained", "outlined", "text"

Required?                    false
Position?                    8
Default value                outlined
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'informations, consultez about_CommonParameters.

Sorties

Exemples

Exemple 1 : Groupe de boutons de base

New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
}

Le groupe de boutons offre deux éléments.

Exemple 2 : Couleur

New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -Color 'success'

Vous pouvez utiliser le paramètre -Color pour changer la couleur du groupe de boutons.

Exemple 3 : Vertical

New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -Orientation 'vertical'

Vous pouvez utiliser le paramètre -Orientation pour changer l'orientation du groupe de boutons.

Exemple 4 : Taille

New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -Size 'small'
New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -Size 'medium'
New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -Size 'large'

Vous pouvez utiliser le paramètre -Size pour changer la taille du groupe de boutons.

Exemple 5 : Variante

New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -Variant 'contained'
New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -Variant 'outlined'
New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -Variant 'text'

Vous pouvez utiliser le paramètre -Variant pour changer la variante du groupe de boutons.

Exemple 6 : Désactivé

New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -Disabled

Vous pouvez utiliser le paramètre -Disabled pour désactiver le groupe de boutons.

Exemple 7 : FullWidth

New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -FullWidth

Vous pouvez utiliser le paramètre -FullWidth pour rendre le groupe de boutons pleine largeur.

Exemple 8 : Icône

New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete' -Icon (New-UDIcon -Icon 'trash')
    New-UDButtonGroupItem -Text 'Copy'  -Icon (New-UDIcon -Icon 'copy')
}

Vous pouvez utiliser le paramètre -Icon pour ajouter une icône à l'élément du groupe de boutons.

Exemple 9 : Chargement

New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete' -Icon (New-UDIcon -Icon 'trash') -ShowLoading -OnClick {
       Start-Sleep -Seconds 5
    }
    New-UDButtonGroupItem -Text 'Copy'  -Icon (New-UDIcon -Icon 'copy')
}

Vous pouvez utiliser le paramètre -ShowLoading pour afficher un indicateur de chargement lorsque le bouton est cliqué.