New-UDChip

Synopsis

Les chips sont des éléments compacts qui représentent une entrée, un attribut ou une action.

Syntaxe

New-UDChip [-Id <String>] [[-Label] <String>] [[-OnDelete] <Endpoint>] [[-OnClick] <Endpoint>] [[-Icon] <Object>] [[-Style] <Hashtable>] [[-Variant] <String>] [[-Size] <String>] [-ClassName <String>] [-Color <String>] [<CommonParameters>]

New-UDChip [-Id <String>] [[-Label] <String>] [[-OnDelete] <Endpoint>] [[-OnClick] <Endpoint>] [[-Style] <Hashtable>] [[-Variant] <String>] [[-Avatar] <String>] [[-AvatarType] <String>] [[-Size] <String>] [-ClassName <String>] [-Color <String>] [<CommonParameters>]

Description

Les chips sont des éléments compacts qui représentent une entrée, un attribut ou une action.

Paramètres

-Id

L'ID du composant. Par défaut, il s'agit d'un GUID aléatoire.

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

-Label

L'étiquette du chip.

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

-OnDelete

Un bloc de script à appeler lorsque le chip est supprimé.

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

-OnClick

Un bloc de script à appeler lorsque l'on clique sur le chip.

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

-Icon

Une icône à afficher dans le chip.

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

-Style

Styles CSS à appliquer au chip.

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

-Variant

La variante de thème à appliquer au chip.

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

-Avatar

Un avatar à afficher dans le chip.

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

-AvatarType

Le type d'avatar à afficher dans le chip.

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

-Size

La taille du chip. Les valeurs valides sont : "small", "medium"

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

-ClassName

Une classe CSS à appliquer au chip.

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

-Color

La couleur du chip. Par défaut, 'default'. Valeurs valides : "default", "primary", "secondary"

Required?                    false
Position?                    named
Default value                default
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 : Chip de base

New-UDChip -Label 'Basic' -Icon (New-UDIcon -Icon 'user') -Id 'chip1'

Un chip de base avec une icône.

Exemple 2 : Chip avec contour

New-UDChip -Variant outlined -Label 'Outlined' -Icon (New-UDIcon -Icon 'user') -Id 'chip2'

Un chip avec contour et une icône.

Exemple 3 : Chip cliquable

New-UDChip -Label 'Clickable' -Icon (New-UDIcon -Icon 'user') -OnClick {
   Show-UDToast -Message 'Hello!'
} -Id 'chip3'

Un chip cliquable avec une icône.

Exemple 4 : Chip supprimable

New-UDChip -Label 'Deletable' -Icon (New-UDIcon -Icon 'user') -OnDelete {
   Show-UDToast -Message 'Deleted!'
} -Id 'chip4'

Un chip supprimable avec une icône.

Exemple 5 : Chip cliquable et supprimable

New-UDChip -Label 'Clickable and deletable' -Icon (New-UDIcon -Icon 'user') -OnClick {
   Show-UDToast -Message 'Hello!'
} -OnDelete {
   Show-UDToast -Message 'Deleted!'
} -Id 'chip5'

Un chip cliquable et supprimable avec une icône.

Exemple 6 : Chip avec avatar

New-UDChip -Avatar "A" -AvatarType letter -Label 'Avatar' -Id 'chip6'

Un chip avec un avatar.

Exemple 7 : Chip avec image

New-UDChip -Avatar "https://picsum.photos/200/300" -AvatarType image -Label 'Avatar' -Id 'chip7'

Un chip avec une image d'avatar.

Exemple 8 : Petit chip

New-UDChip -Label 'Small' -Icon (New-UDIcon -Icon 'user') -Size small -Id 'chip8'

Un petit chip avec une icône.

Exemple 9

New-UDChip -Style @{background = 'red'; color = 'white'} -Label 'Styled' -Icon (New-UDIcon -Icon 'user') -Id 'chip9'