New-UDAvatar

Sinopsis

Crea un nuevo Avatar.

Sintaxis

New-UDAvatar [[-Id] <String>] [[-Image] <String>] [[-Alt] <String>] [[-ClassName] <String>] [[-Variant] <String>] [[-Sx] <Object>] [[-Children] <ScriptBlock>] [<CommonParameters>]

Descripción

Crea un nuevo Avatar. Un avatar suele ser una imagen de un usuario.

Parámetros

-Id

El ID del componente. De forma predeterminada, es un GUID aleatorio.

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

-Image

La URL de una imagen que se mostrará en el avatar.

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

-Alt

El texto alternativo que se asignará al avatar.

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

-ClassName

Clases que se asignarán al componente de avatar.

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

-Variant

El tipo de variante del avatar. Los valores válidos son: "square", "rounded"

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

-Sx

La propiedad sx le permite definir estilos CSS personalizados que se aplicarán al componente.

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

-Children

El contenido que se mostrará dentro del avatar.

Required?                    false
Position?                    7
Default value                { "A" }
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 obtener más información, consulte about_CommonParameters.

Salidas

Ejemplos

Ejemplo 1: avatar básico

New-UDAvatar -Alt "Remy Sharp" -Image "/assets/logo.png"

Muestra un avatar básico con una imagen.

Ejemplo 2: avatar cuadrado

New-UDAvatar -Alt "Remy Sharp" -Content { "B" } -Variant square

Muestra un avatar cuadrado con una imagen.

Ejemplo 3: avatar con texto

New-UDAvatar -Alt "Remy Sharp" -Content {
  "A"
} -Sx @{
  borderRadius = '50%'
}

Muestra un avatar con texto y estilos CSS personalizados.

Ejemplo 4: grupo de avatares

New-UDAvatarGroup -Content {
  1..10 | ForEach-Object {
    New-UDAvatar -Alt "Remy Sharp" -Content {
        "A"
    } -Sx @{
        borderRadius    = '50%'
        backgroundColor = 'error.dark'
    }
  }
} -Sx @{
   width = "20%"
}

Muestra un grupo de avatares.

Ejemplo 5: tamaños

New-UDAvatar -Alt "Remy Sharp" -Content {
  "A"
} -Sx @{
  width = 24
  height = 24
}
New-UDAvatar -Alt "Remy Sharp" -Content {
  "A"
}
New-UDAvatar -Alt "Remy Sharp" -Content {
  "A"
} -Sx @{
  width = 56
  height = 56
}

Muestra un grupo de avatares con diferentes tamaños.

Ejemplo 6: iconos

New-UDAvatar -Alt "Remy Sharp" -Content {
  New-UDIcon -Icon "User"
}

Muestra un avatar con un icono.

Ejemplo 7: reserva

New-UDAvatar -Alt "Remy Sharp" -Image "/broken.png" -Content { "A" }

Muestra un avatar con una reserva ante una imagen rota.

Ejemplo 8: insignia

New-UDBadge -BadgeContent {
    10
} -Children {
    New-UDAvatar
}

Muestra un avatar con una insignia.