New-UDAvatar

Übersicht

Erstellt einen neuen Avatar.

Syntax

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

Beschreibung

Erstellt einen neuen Avatar. Ein Avatar ist typischerweise ein Bild eines Benutzers.

Parameter

-Id

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

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

-Image

Die URL eines Bildes, das im Avatar angezeigt werden soll.

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

-Alt

Der Alternativtext, der dem Avatar zugewiesen wird.

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

-ClassName

Klassen, die der Avatar-Komponente zugewiesen werden.

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

-Variant

Der Variantentyp des Avatars. Gültige Werte sind: "square", "rounded"

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

-Sx

Die Eigenschaft sx ermöglicht es Ihnen, benutzerdefinierte CSS-Stile zu definieren, die auf die Komponente angewendet werden.

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

-Children

Der Inhalt, der innerhalb des Avatars angezeigt werden soll.

Required?                    false
Position?                    7
Default value                { "A" }
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: Einfacher Avatar

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

Zeigt einen einfachen Avatar mit einem Bild an.

Beispiel 2: Quadratischer Avatar

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

Zeigt einen quadratischen Avatar mit einem Bild an.

Beispiel 3: Avatar mit Text

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

Zeigt einen Avatar mit Text und benutzerdefinierten CSS-Stilen an.

Beispiel 4: Avatar-Gruppe

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

Zeigt eine Gruppe von Avataren an.

Beispiel 5: Größen

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
}

Zeigt eine Gruppe von Avataren in verschiedenen Größen an.

Beispiel 6: Symbole

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

Zeigt einen Avatar mit einem Symbol an.

Beispiel 7: Fallback

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

Zeigt einen Avatar mit einem Fallback auf ein defektes Bild an.

Beispiel 8: Badge

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

Zeigt einen Avatar mit einem Badge an.