New-UDIcon

Synopsis

Icônes FontAwesome 6.

Syntaxe

New-UDIcon [-Id <String>] [-Icon <String>] [-FixedWidth] [-Inverse] [-Rotation <Int32>] [-ClassName <String>] [-Transform <String>] [-Flip <String>] [-Pull <String>] [-ListItem] [-Spin] [-Border] [-Beat] [-Fade] [-Bounce] [-BeatFade] [-Shake] [-Size <String>] [-Style <Hashtable>] [-Title <String>] [-Color <DashboardColor>] [-Solid] [<CommonParameters>]

New-UDIcon [-Id <String>] [-Children <ScriptBlock>] [-ClassName <String>] [-Style <Hashtable>] [<CommonParameters>]

Description

Crée une nouvelle icône.

Paramètres

-Id

L'ID de ce composant.

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

-Icon

L'icône à afficher. Il s'agit d'un nom d'icône FontAwesome 6.

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

-Children

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

-FixedWidth

S'il faut utiliser une largeur fixe.

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

-Inverse

S'il faut inverser les couleurs de l'icône.

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

-Rotation

Le nombre de degrés de rotation de l'icône.

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

-ClassName

Noms de classes CSS personnalisés à appliquer à l'icône.

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

-Transform

Une transformation CSS à appliquer à l'icône.

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

-Flip

S'il faut retourner l'icône.

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

-Pull

S'il faut retourner l'icône.

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

-ListItem

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

-Spin

Si l'icône doit tourner.

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

-Border

Définit la bordure de cette icône.

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

-Beat

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

-Fade

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

-Bounce

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

-BeatFade

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

-Shake

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

-Size

La taille de l'icône. Les valeurs valides sont : "xs", "sm", "lg", "1x", "2x", "3x", "4x", "5x", "6x", "7x", "8x", "9x", "10x"

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

-Style

Un style CSS à appliquer à l'icône.

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

-Title

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

-Color

La couleur de cette icône.

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

-Solid

Utilise le style d'icône plein.

Required?                    false
Position?                    named
Default value                False
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'informations, consultez about_CommonParameters.

Sorties

Exemples

Exemple 1 : Icône de base

New-UDIcon -Icon User -Id 'icon1'

Affiche une icône d'utilisateur.

Exemple 2 : Taille de l'icône

New-UDStack -Direction 'row' -Content {
   New-UDIcon -Icon 'AddressBook' -Size 'sm' -Id 'icon2'
   New-UDIcon -Icon 'AddressBook' -Size 'lg' -Id 'icon3'
   New-UDIcon -Icon 'AddressBook' -Size '5x' -Id 'icon4'
   New-UDIcon -Icon 'AddressBook' -Size '10x' -Id 'icon5'
}

Affiche des icônes de différentes tailles.

Exemple 3 : Icône pivotée

New-UDIcon -Icon 'AddressBook' -Size '5x' -Rotation 90 -Id 'icon6'

Fait pivoter une icône de 90 degrés.

Exemple 4 : Icône avec bordure

New-UDIcon -Icon 'AddressBook' -Size '5x' -Border -Id 'icon7'

Ajoute une bordure à une icône.

Exemple 5 : Couleur

New-UDIcon -Icon 'AddressBook' -Size '5x' -Color 'red' -Id 'icon8'

Ajoute une couleur à une icône

Exemple 6 : Retournement

New-UDIcon -Icon 'AddressBook' -Flip 'horizontal' -Size '5x' -Id 'icon9'

Retourne une icône horizontalement.

Exemple 7 : Rotation

New-UDIcon -Icon 'Spinner' -Spin -Size '5x' -Id 'icon10'

Fait tourner une icône.

Exemple 8 : Pulsation

New-UDIcon -Icon 'Spinner' -Pulse -Size '5x' -Id 'icon11'

Fait pulser une icône.

Exemple 9 : Jeu d'icônes personnalisé

New-UDHelmet -Tag 'link' -Attributes @{
    href = 'https://css.gg/css'
    rel = 'stylesheet'
}

New-UDIcon -Children {
    New-UDHtml '<i class="gg-adidas"></i>'
}

Utilise le jeu d'icônes css.gg.