New-UDChip

Sinossi

I chip sono elementi compatti che rappresentano un input, un attributo o un'azione.

Sintassi

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>]

Descrizione

I chip sono elementi compatti che rappresentano un input, un attributo o un'azione.

Parametri

-Id

L'ID del componente. Per impostazione predefinita è un GUID casuale.

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

-Label

L'etichetta del chip.

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

-OnDelete

Un blocco di script da chiamare quando il chip viene eliminato.

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

-OnClick

Un blocco di script da chiamare quando si fa clic sul chip.

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

-Icon

Un'icona da mostrare all'interno del chip.

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

-Style

Stili CSS da applicare al chip.

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

-Variant

La variante del tema da applicare al chip.

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

-Avatar

Un avatar da mostrare all'interno del chip.

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

-AvatarType

Il tipo di avatar da mostrare nel chip.

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

-Size

La dimensione del chip. I valori validi sono: "small", "medium"

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

-ClassName

Una classe CSS da applicare al chip.

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

-Color

Il colore del chip. Il valore predefinito è 'default'. Valori validi: "default", "primary", "secondary"

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

Parametri comuni

Questo cmdlet supporta i parametri comuni: Verbose, Debug, ErrorAction, ErrorVariable, WarningAction, WarningVariable, OutBuffer, PipelineVariable e OutVariable. Per maggiori informazioni, veda about_CommonParameters.

Output

Esempi

Esempio 1: chip di base

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

Un chip di base con un'icona.

Esempio 2: chip con contorno

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

Un chip con contorno e un'icona.

Esempio 3: chip cliccabile

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

Un chip cliccabile con un'icona.

Esempio 4: chip eliminabile

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

Un chip eliminabile con un'icona.

Esempio 5: chip cliccabile ed eliminabile

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 cliccabile ed eliminabile con un'icona.

Esempio 6: chip con avatar

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

Un chip con un avatar.

Esempio 7: chip con immagine

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

Un chip con un'immagine avatar.

Esempio 8: chip piccolo

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

Un chip piccolo con un'icona.

Esempio 9

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