New-UDButtonGroup

Übersicht

Erstellt eine neue Schaltflächengruppe.

Syntax

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

Beschreibung

Erstellt eine Schaltflächengruppe. Verwenden Sie New-UDButtonGroupItem, um der Gruppe neue Elemente hinzuzufügen.

Parameter

-Id

Die ID der Komponente. Standardmäßig ist es eine zufällige GUID.

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

-Children

Die Elemente in der Gruppe.

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

-ClassName

Eine CSS-Klasse, die auf die Schaltflächengruppe angewendet wird.

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

-Color

Die Farbe der Schaltflächengruppe. Gültige Werte sind: "primary", "secondary", "success", "warning", "error", "success", "info"

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

-Disabled

Deaktiviert die Schaltflächengruppe.

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

-FullWidth

Stellt die Schaltflächengruppe in voller Breite dar.

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

-Orientation

Die Ausrichtung der Schaltflächengruppe. Gültige Werte sind: "horizontal", "vertical"

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

-Size

Die Größe der Schaltflächengruppe. Gültige Werte sind: "small", "medium", "large"

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

-Sx

Eine Hashtabelle mit Stilen, die auf diese Komponente angewendet werden.

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

-Variant

Die Variante der Schaltflächengruppe. Gültige Werte sind: "contained", "outlined", "text"

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

Allgemeine Parameter

Dieses Cmdlet unterstützt die allgemeinen Parameter: Verbose, Debug, ErrorAction, ErrorVariable, WarningAction, WarningVariable, OutBuffer, PipelineVariable und OutVariable. Weitere Informationen finden Sie unter about_CommonParameters.

Ausgaben

Beispiele

Beispiel 1: Einfache Schaltflächengruppe

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

Die Schaltflächengruppe bietet zwei Elemente.

Beispiel 2: Farbe

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

Sie können den Parameter -Color verwenden, um die Farbe der Schaltflächengruppe zu ändern.

Beispiel 3: Vertikal

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

Sie können den Parameter -Orientation verwenden, um die Ausrichtung der Schaltflächengruppe zu ändern.

Beispiel 4: Größe

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'

Sie können den Parameter -Size verwenden, um die Größe der Schaltflächengruppe zu ändern.

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

Sie können den Parameter -Variant verwenden, um die Variante der Schaltflächengruppe zu ändern.

Beispiel 6: Deaktiviert

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

Sie können den Parameter -Disabled verwenden, um die Schaltflächengruppe zu deaktivieren.

Beispiel 7: FullWidth

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

Sie können den Parameter -FullWidth verwenden, um die Schaltflächengruppe in voller Breite darzustellen.

Beispiel 8: Symbol

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

Sie können den Parameter -Icon verwenden, um dem Schaltflächengruppenelement ein Symbol hinzuzufügen.

Beispiel 9: Laden

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

Sie können den Parameter -ShowLoading verwenden, um beim Klicken auf die Schaltfläche einen Ladeindikator anzuzeigen.