New-UDFloatingActionButton

Übersicht

Ein Floating Action Button (FAB) führt die primäre oder häufigste Aktion auf einem Bildschirm aus.

Syntax

New-UDFloatingActionButton [[-Id] <String>] [[-Icon] <Object>] [[-Size] <String>] [[-OnClick] <Endpoint>] [[-ClassName] <String>] [[-Color] <String>] [[-Position] <String>] [<CommonParameters>]

Beschreibung

Erstellt einen neuen Floating Action Button. Floating Action Buttons eignen sich für Aktionen, die für eine gesamte Seite sinnvoll sind. Sie können am unteren Rand einer Seite angeheftet werden.

Parameter

-Id

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

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

-Icon

Das Symbol, das im Floating Action Button angezeigt werden soll.

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

-Size

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

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

-OnClick

Ein Skriptblock, der ausgeführt wird, wenn auf den Floating Action Button geklickt wird.

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

-ClassName

Eine CSS-Klasse, die auf den Floating Action Button angewendet wird.

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

-Color

Die Themenfarbe, die auf die Schaltfläche angewendet wird. Gültige Werte sind: "Default", "Primary", "Secondary"

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

-Position

Die Position des Floating Action Buttons. Gültige Werte sind: "Relative", "BottomLeft", "BottomRight"

Required?                    false
Position?                    7
Default value                BottomRight
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: Einfacher Floating Action Button

New-UDFloatingActionButton -Icon (New-UDIcon -Icon 'user') -OnClick {
   Show-UDToast -Message 'Hello'
} -Id 'fab1' -Position Relative

Erstellt einen Floating Action Button mit einem Benutzersymbol und zeigt beim Klicken einen Toast an.

Beispiel 2: Kleiner Floating Action Button

New-UDFloatingActionButton -Icon (New-UDIcon -Icon 'user') -Size Small -OnClick {
   Show-UDToast -Message 'Hello'
} -Id 'fab2' -Position Relative

Erstellt einen kleinen Floating Action Button mit einem Benutzersymbol und zeigt beim Klicken einen Toast an.

Beispiel 3: Position

New-UDFloatingActionButton -Icon (New-UDIcon -Icon 'user') -Position BottomRight -OnClick {
   Show-UDToast -Message 'Hello'
} -Id 'fab3'

Erstellt einen Floating Action Button mit einem Benutzersymbol und zeigt beim Klicken einen Toast an. Die Schaltfläche wird unten rechts im Container der Schaltflächen positioniert.