New-UDAppBar

Übersicht

Erstellt eine AppBar.

Syntax

New-UDAppBar [[-Id] <String>] [[-Drawer] <Hashtable>] [[-Children] <ScriptBlock>] [[-Position] <String>] [-Footer] [-DisableThemeToggle] [[-ClassName] <String>] [[-Color] <String>] [<CommonParameters>]

Beschreibung

Erstellt eine AppBar. Diese kann verwendet werden, um die integrierte AppBar zu ersetzen.

Parameter

-Id

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

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

-Drawer

Ein Drawer, der über diese AppBar geöffnet werden kann. Verwenden Sie New-UDDrawer, um einen Drawer zu erstellen, der an diesen Parameter übergeben wird.

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

-Children

Untergeordnete Elemente dieser AppBar. Die untergeordneten Elemente einer AppBar sind üblicherweise Text und Schaltflächen.

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

-Position

Die Position dieser AppBar. Eine feste Position überschreibt die standardmäßige AppBar.

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

-Footer

Positioniert die App-Bar am unteren Rand der Seite, um eine Fußzeile zu erstellen

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

-DisableThemeToggle

Entfernt den Design-Umschalter aus der App-Bar.

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

-ClassName

Eine CSS-Klasse, die auf die App-Bar angewendet wird.

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

-Color

Die Designfarbe, die für die App-Bar verwendet werden soll.

Required?                    false
Position?                    6
Default value                default
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 App-Bar

New-UDAppBar -Children { New-UDTypography -Text 'Hello' } -Position relative

Erstellt eine neue AppBar, die relativ zu anderen Komponenten ist.

Beispiel 2: App-Bar mit Drawer

New-UDAppBar -Children { New-UDTypography -Text 'Hello' } -Position relative -Drawer (New-UDDrawer -Content { New-UDTypography -Text 'Drawer' })

Erstellt eine neue AppBar mit einem Drawer.

Beispiel 3: App-Bar ohne Design-Umschalter

New-UDAppBar -Children { New-UDTypography -Text 'Hello' } -Position relative -DisableThemeToggle

Erstellt eine neue AppBar ohne Design-Umschalter.

Beispiel 4: App-Bar mit Sekundärfarbe

New-UDAppBar -Children { New-UDTypography -Text 'Hello' } -Position relative -Color secondary

Erstellt eine neue AppBar mit einer Sekundärfarbe.

[Component("AppBar", "Creates an AppBar.")]