New-UDBadge

Übersicht

Badge erzeugt ein kleines Badge oben rechts an seinem/seinen untergeordneten Element(en).

Syntax

New-UDBadge [[-Id] <String>] [[-Color] <String>] [[-Children] <ScriptBlock>] [[-BadgeContent] <ScriptBlock>] [-Invisible] [[-Max] <Int32>] [[-Overlap] <String>] [-ShowZero] [[-Variant] <String>] [[-Location] <String>] [[-Sx] <Hashtable>] [<CommonParameters>]

Beschreibung

Badge erzeugt ein kleines Badge oben rechts an seinem/seinen untergeordneten Element(en).

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

-Color

Die Farbe des Badges. Gültige Werte sind: "default", "primary", "secondary", "error", "info", "success", "warning"

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

-Children

Der Inhalt, an den das Badge angehängt ist.

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

-BadgeContent

Der im Badge anzuzeigende Inhalt.

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

-Invisible

Ob das Badge unsichtbar ist.

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

-Max

Die maximal anzuzeigende Zahl. Ist die Zahl größer als dieser Wert, wird sie als "99+" angezeigt. Standard ist 99.

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

-Overlap

Die Überlappung des Badges. Gültige Werte sind: "circular", "rectangular"

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

-ShowZero

Ob das Badge angezeigt werden soll, wenn badgeContent 0 ist.

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

-Variant

Die Variante des Badges. Gültige Werte sind: "standard", "dot"

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

-Location

Die Position des Badges. Gültige Werte sind: "topright", "topleft", "bottomright", "bottomleft"

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

-Sx

Required?                    false
Position?                    9
Default value
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.

Hinweise

Allgemeine Hinweise

[Component("Badge", "Badge", "Creates a new badge.")]

Beispiele

Beispiel 1: Primary-Badge

New-UDBadge -Color primary -BadgeContent { 4 } -Children {
  New-UDButton -Text "Primary"
} -Id 'badge1'

Zeigt ein Badge mit dem Text "4" auf einer Primary-Schaltfläche an.

Beispiel 2: Color

New-UDBadge -Color secondary -BadgeContent { 4 } -Children {
  New-UDIcon -Icon Envelope -Size 2x
} -Id 'badge2'
New-UDBadge -Color error -BadgeContent { 4 } -Children {
  New-UDIcon -Icon Envelope -Size 2x
} -Id 'badge3'

Ändert die Farbe des Badges.

Beispiel 3: ShowZero

New-UDBadge -ShowZero -BadgeContent { 0 } -Children {
  New-UDIcon -Icon Envelope -Size 2x
} -Id 'badge4'

Zeigt das Badge an, wenn badgeContent 0 ist.

Beispiel 4: Max

New-UDBadge -Max 10 -BadgeContent { 11 } -Children {
  New-UDIcon -Icon Envelope -Size 2x
} -Id 'badge5'

Die maximal anzuzeigende Zahl. Ist die Zahl größer als dieser Wert, wird sie als "99+" angezeigt. Standard ist 99.

Beispiel 5: Overlap

New-UDBadge -Overlap circular -BadgeContent { 4 } -Children {
  New-UDIcon -Icon Envelope -Size 2x
} -Id 'badge6'

Die Überlappung des Badges.

Beispiel 6: Dot

New-UDBadge -Variant dot -BadgeContent { 4 } -Children {
  New-UDIcon -Icon Envelope -Size 2x
} -Id 'badge7'

Zeigt ein Punkt-Badge an.