New-UDBadge

Sinossi

Badge genera un piccolo badge in alto a destra rispetto al suo o ai suoi elementi figli.

Sintassi

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

Descrizione

Badge genera un piccolo badge in alto a destra rispetto al suo o ai suoi elementi figli.

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

-Color

Il colore del badge. I valori validi sono: "default", "primary", "secondary", "error", "info", "success", "warning"

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

-Children

Il contenuto a cui il badge è associato.

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

-BadgeContent

Il contenuto da visualizzare all'interno del badge.

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

-Invisible

Indica se il badge è invisibile.

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

-Max

Il numero massimo da visualizzare. Se il numero è maggiore di questo, verrà visualizzato come "99+". Il valore predefinito è 99.

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

-Overlap

La sovrapposizione del badge. I valori validi sono: "circular", "rectangular"

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

-ShowZero

Indica se mostrare il badge quando badgeContent è 0.

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

-Variant

La variante del badge. I valori validi sono: "standard", "dot"

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

-Location

La posizione del badge. I valori validi sono: "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

Parametri comuni

Questo cmdlet supporta i parametri comuni: Verbose, Debug, ErrorAction, ErrorVariable, WarningAction, WarningVariable, OutBuffer, PipelineVariable e OutVariable. Per maggiori informazioni, veda about_CommonParameters.

Note

Note generali

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

Esempi

Esempio 1: badge primario

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

Visualizza un badge con il testo "4" su un pulsante primario.

Esempio 2: colore

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'

Cambia il colore del badge.

Esempio 3: ShowZero

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

Mostra il badge quando badgeContent è 0.

Esempio 4: Max

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

Il numero massimo da visualizzare. Se il numero è maggiore di questo, verrà visualizzato come "99+". Il valore predefinito è 99.

Esempio 5: Overlap

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

La sovrapposizione del badge.

Esempio 6: punto

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

Visualizza un badge a punto.