New-UDBadge

Sinopsis

Badge genera una pequeña insignia en la parte superior derecha de su elemento o elementos secundarios.

Sintaxis

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

Descripción

Badge genera una pequeña insignia en la parte superior derecha de su elemento o elementos secundarios.

Parámetros

-Id

El ID del componente. Por defecto es un GUID aleatorio.

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

-Color

El color de la insignia. Los valores válidos son: "default", "primary", "secondary", "error", "info", "success", "warning"

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

-Children

El contenido al que se adjunta la insignia.

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

-BadgeContent

El contenido que se muestra dentro de la insignia.

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

-Invisible

Si la insignia es invisible.

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

-Max

El número máximo que se muestra. Si el número es mayor que este, se mostrará como "99+". El valor predeterminado es 99.

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

-Overlap

El solapamiento de la insignia. Los valores válidos son: "circular", "rectangular"

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

-ShowZero

Si se muestra la insignia cuando badgeContent es 0.

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

-Variant

La variante de la insignia. Los valores válidos son: "standard", "dot"

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

-Location

La ubicación de la insignia. Los valores válidos son: "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

Parámetros comunes

Este cmdlet admite los parámetros comunes: Verbose, Debug, ErrorAction, ErrorVariable, WarningAction, WarningVariable, OutBuffer, PipelineVariable y OutVariable. Para más información, consulte about_CommonParameters.

Notas

Notas generales

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

Ejemplos

Ejemplo 1: insignia primary

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

Muestra una insignia con el texto "4" en un botón primary.

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

Cambia el color de la insignia.

Ejemplo 3: ShowZero

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

Muestra la insignia cuando badgeContent es 0.

Ejemplo 4: Max

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

El número máximo que se muestra. Si el número es mayor que este, se mostrará como "99+". El valor predeterminado es 99.

Ejemplo 5: Overlap

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

El solapamiento de la insignia.

Ejemplo 6: punto

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

Muestra una insignia de punto.