arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
Fuzzy Search
Fast SublimeText-like fuzzy search for JavaScript.
arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
Source

<style>
.ui-fuzzysearch-item b {
    color: red;
}
</style>

<h:panelGrid columns="2">
    <p:outputLabel value="Themes" for="@next"/>
    <pe:fuzzySearch id="txtTheme"
                    value="#{fuzzySearchController.selectedTheme}" 
                    label="Theme"
                    placeholder="Search theme" listItemsAtTheBeginning="true"
                    converter="themeConverter">
        <p:ajax event="change" listener="#{fuzzySearchController.onChange}" />
        <f:selectItems value="#{fuzzySearchController.themes}" var="theme" itemLabel="#{theme.name}" itemValue="#{theme}" />
    </pe:fuzzySearch>
    <p:spacer />
    <p:spacer />
    <p:outputLabel value="TimeZones" for="@next"/>
    <pe:fuzzySearch id="txtTimeZone" value="#{fuzzySearchController.selectedTimezone}" 
                    placeholder="Search timezones">
        <f:selectItems value="#{fuzzySearchController.timezones}" var="timezone" itemLabel="#{timezone}" itemValue="#{timezone}" />
    </pe:fuzzySearch>
    <p:spacer />
    <p:commandButton value="Submit" actionListener="#{fuzzySearchController.onSubmit}" update="messages" process="@form" icon="pi pi-check" />
</h:panelGrid>
            
Components and more
Use Cases
Documentation pe:
Attributes (move mouse over the names to see data types)
Name Description
No attributes available for this component.
PrimeFaces Extensions Showcase - © 2011-2025,PrimeFaces: 15.0.13,PrimeFaces Extensions: 15.0.14-SNAPSHOT,JSF: Apache MyFaces JSF-2.3 Core Impl 2.3.10,Server: Apache Tomcat (TomEE)/9.0.82 (8.0.16),Build time: 2026-02-23 00:32