Updated/Improved Icon Search

avatar
(anonymous user)
Product: PowerShell Universal
Version: 5.5.1


I pulled the icon search code from the documentation and did, what I consider, an improved version of it. Feel free to use or adjust how you wish. Its form based (so you can type and hit enter). It is responsive as xs, s, m, l sizes

New-UDApp -Title "Icon Search" -Content {
    New-UDForm -Content {
        New-UDTextbox -Id 'txtIconSearch' -Label 'Search' 
    } -OnValidate {
        if ([string]::IsNullOrWhiteSpace($EventData.txtIconSearch)) {
            New-UDValidationResult -ValidationError 'Please enter a search term'
        }
        else {
            New-UDValidationResult -Valid
        }
    } -OnSubmit {
        Sync-UDElement -Id 'icons'
    }

    New-UDHtml -Markup '<hr />'

    New-UDDynamic -Id 'icons' -Content {
        $IconSearch = (Get-UDElement -Id 'txtIconSearch').value
        if ([string]::IsNullOrWhiteSpace($IconSearch)) {
            return
        }
        
        $Icons = Find-UDIcon -Name $IconSearch
        if (-not $Icons) {
            New-UDAlert -Severity info -Text "No icons found matching '$IconSearch'"
            return
        }

        New-UDGrid -Container -Content {
            foreach ($icon in $icons) {
                try {
                    New-UDGrid -Item -ExtraSmallSize 12 -SmallSize 8 -MediumSize 4 -LargeSize 2 -Content {
                        New-UDChip -Label $icon -Icon (New-UDIcon -Icon $icon)
                    }
                }
                catch {
                    New-UDChip -Label "$icon Unknown" 
                }
            }
        } -Spacing 2
    }
}




1a1cec19b8afcf5a4ba40d36bdc22b03f5abb2d7


f0934772a391213b02f656ab5cf756bab4803ae2

67f80521ac82d1040e14e50fbe0ad0c55b81363c

1a1cec19b8afcf5a4ba40d36bdc22b03f5abb2d7.png

67f80521ac82d1040e14e50fbe0ad0c55b81363c.png

f0934772a391213b02f656ab5cf756bab4803ae2.png

All Comments (0)