New-UDAvatar

Résumé

Crée un nouvel avatar.

Syntaxe

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

Description

Crée un nouvel avatar. Un avatar est habituellement une image d'un utilisateur.

Paramètres

-Id

L'ID du composant. Il s'agit par défaut d'un GUID aléatoire.

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

-Image

L'URL d'une image à afficher dans l'avatar.

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

-Alt

Le texte alt à attribuer à l'avatar.

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

-ClassName

Classes à attribuer au composant d'avatar.

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

-Variant

Le type de variante de l'avatar. Les valeurs valides sont : "square", "rounded"

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

-Sx

La propriété sx vous permet de définir des styles CSS personnalisés qui seront appliqués au composant.

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

-Children

Le contenu à afficher dans l'avatar.

Required?                    false
Position?                    7
Default value                { "A" }
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

Paramètres communs

Cette applet de commande prend en charge les paramètres communs : Verbose, Debug, ErrorAction, ErrorVariable, WarningAction, WarningVariable, OutBuffer, PipelineVariable et OutVariable. Pour plus d'information, consultez about_CommonParameters.

Sorties

Exemples

Exemple 1 : Avatar de base

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

Affiche un avatar de base avec une image.

Exemple 2 : Avatar carré

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

Affiche un avatar carré avec une image.

Exemple 3 : Avatar avec texte

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

Affiche un avatar avec du texte et des styles CSS personnalisés.

Exemple 4 : Groupe d'avatars

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

Affiche un groupe d'avatars.

Exemple 5 : Tailles

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
}

Affiche un groupe d'avatars de différentes tailles.

Exemple 6 : Icônes

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

Affiche un avatar avec une icône.

Exemple 7 : Solution de repli

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

Affiche un avatar avec une solution de repli vers une image brisée.

Exemple 8 : Badge

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

Affiche un avatar avec un badge.