New-UDButtonGroup

Sinossi

Crea un nuovo gruppo di pulsanti.

Sintassi

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

Descrizione

Crea un gruppo di pulsanti. Utilizzi New-UDButtonGroupItem per aggiungere nuovi elementi al gruppo.

Parametri

-Id

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

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

-Children

Gli elementi del gruppo.

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

-ClassName

Una classe CSS da applicare al gruppo di pulsanti.

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

-Color

Il colore del gruppo di pulsanti. I valori validi sono: "primary", "secondary", "success", "warning", "error", "success", "info"

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

-Disabled

Disabilita il gruppo di pulsanti.

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

-FullWidth

Rende il gruppo di pulsanti a larghezza intera.

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

-Orientation

L'orientamento del gruppo di pulsanti. I valori validi sono: "horizontal", "vertical"

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

-Size

La dimensione del gruppo di pulsanti. I valori validi sono: "small", "medium", "large"

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

-Sx

Una hashtable di stili da applicare a questo componente.

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

-Variant

La variante del gruppo di pulsanti. I valori validi sono: "contained", "outlined", "text"

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

Output

Esempi

Esempio 1: gruppo di pulsanti di base

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

Il gruppo di pulsanti offre due elementi.

Esempio 2: colore

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

Può utilizzare il parametro -Color per modificare il colore del gruppo di pulsanti.

Esempio 3: verticale

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

Può utilizzare il parametro -Orientation per modificare l'orientamento del gruppo di pulsanti.

Esempio 4: dimensione

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'

Può utilizzare il parametro -Size per modificare la dimensione del gruppo di pulsanti.

Esempio 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'

Può utilizzare il parametro -Variant per modificare la variante del gruppo di pulsanti.

Esempio 6: disabilitato

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

Può utilizzare il parametro -Disabled per disabilitare il gruppo di pulsanti.

Esempio 7: FullWidth

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

Può utilizzare il parametro -FullWidth per rendere il gruppo di pulsanti a larghezza intera.

Esempio 8: icona

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

Può utilizzare il parametro -Icon per aggiungere un'icona all'elemento del gruppo di pulsanti.

Esempio 9: caricamento

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')
}

Può utilizzare il parametro -ShowLoading per mostrare uno spinner di caricamento quando si fa clic sul pulsante.