Icône

Composant icône pour les applications Universal

Les icônes FontAwesome peuvent être incluses dans votre application. Les noms d'icônes sont légèrement différents de ceux affichés sur le site web de FontAwesome. Par exemple, si vous souhaitez utiliser l'icône network-wired, vous utiliseriez la chaîne suivante.

New-UDIcon -Icon 'NetworkWired'

Rechercher une icône

FontAwesome v6 est inclus avec PowerShell Universal. Vous pouvez utiliser Find-UDIcon pour effectuer une recherche dans la liste des icônes incluses.

Find-UDIcon User

L'énumération UniversalDashboard.FontAwesomeIcons ne doit pas être utilisée et n'est incluse qu'à des fins de rétrocompatibilité. Beaucoup de ces icônes ne font plus partie de FontAwesome 6.

Icône

Créez des icônes en spécifiant leur nom. Vous pouvez utiliser la référence des icônes ci-dessous pour en trouver.

New-UDIcon -Icon 'AddressBook'

Taille

Définissez la taille de l'icône. Les valeurs valides sont : xs, sm, lg, 2x, 3x, 4x, 5x, 6x, 7x, 8x, 9x, 10x

    New-UDIcon -Icon 'AddressBook' -Size 'sm'
    New-UDIcon -Icon 'AddressBook' -Size 'lg'
    New-UDIcon -Icon 'AddressBook' -Size '5x'
    New-UDIcon -Icon 'AddressBook' -Size '10x'

Rotation

Faites pivoter les icônes. La valeur représente les degrés de rotation.

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

Bordure

Ajoutez une bordure à votre icône.

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

Style

Appliquez des styles CSS à votre icône.

New-UDIcon -Icon 'AddressBook' -Size '5x' -Style @{
    backgroundColor = "red"
}

Rechercher visuellement des icônes

New-UDTextbox -Id 'txtIconSearch' -Label 'Search' 
New-UDButton -Text 'Search' -OnClick {
    Sync-UDElement -Id 'icons'
}

New-UDElement -tag 'p' -Content {}

New-UDDynamic -Id 'icons' -Content {
    $IconSearch = (Get-UDElement -Id 'txtIconSearch').value
    if ($null -ne $IconSearch -and $IconSearch -ne '')
    {
        $Icons =$Icons = Find-UDIcon -Name $IconSearch
    }

    foreach($icon in $icons) {
        try{
            New-UDChip -Label $icon -Icon (New-UDIcon -Icon $icon)
        }
        catch{
            New-UDChip -Label "$icon Unknown" 
        }
    }
}

Liste complète des icônes

Cliquez ici pour afficher la liste complète des icônes.

API

New-UDIcon