Icono

Iconos de FontAwesome para incluir en su aplicación. Los nombres de los iconos son ligeramente distintos de los que se muestran en el sitio web de FontAwesome. Por ejemplo, si quiere usar el icono network-wired, utilizaría la siguiente cadena.

New-UDIcon -Icon 'NetworkWired'

Encontrar un icono

Incluimos FontAwesome v6 con PowerShell Universal. Puede usar Find-UDIcon para buscar en la lista de iconos incluidos.

Find-UDIcon User

La enumeración UniversalDashboard.FontAwesomeIcons no debe usarse y solo se incluye por compatibilidad con versiones anteriores. Muchos de los iconos ya no forman parte de FontAwesome 6.

Icono

Cree iconos especificando sus nombres. Puede usar la referencia de iconos que aparece a continuación para encontrar iconos.

New-UDIcon -Icon 'AddressBook'

Tamaño

Establezca el tamaño del icono. Los valores válidos son: 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'

Rotación

Rote los iconos. El valor representa los grados de rotación.

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

Borde

Añada un borde a su icono.

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

Estilo

Aplique estilos CSS a su icono.

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

Buscar iconos visualmente

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" 
        }
    }
}

Lista completa de iconos

Haga clic aquí para ver la lista completa de iconos.

API

New-UDIcon

Véase también

• Devolutions Academy – Obtención de detalles de usuario