With search box

Richlist filterbar component with search box

HTML

<div class="t-content" ng-controller="RichListFilterBarExampleController as $ctrl">
    <inv-filter-bar
        search-placeholder="$ctrl.filterBar.searchPlaceholder"
        on-search-submitted="$ctrl.onSearchSubmitted"
        search-term="$ctrl.filterBar.searchTerm"
    ></inv-filter-bar>
</div>

With single select search box

Richlist filterbar component with search box

HTML

<div class="t-content" ng-controller="RichListFilterBarExampleController as $ctrl">
    <inv-filter-bar
        on-search-by-selected="$ctrl.onSearchBySelected"
        on-search-submitted="$ctrl.onSearchSubmitted"
        search-by-items="$ctrl.filterBar.searchByItems"
        search-placeholder="$ctrl.filterBar.searchPlaceholder"
        search-term="$ctrl.filterBar.searchTerm">
    </inv-filter-bar>
</div>

With filter and search box

Richlist filterbar component with filter and search box

HTML

<div class="t-content" ng-controller="RichListFilterBarExampleController as $ctrl">
    <inv-filter-bar
        search-placeholder="$ctrl.filterBar.searchPlaceholder"
        on-search-submitted="$ctrl.onSearchSubmitted"
        search-term="$ctrl.filterBar.searchTerm"

        filter-title="$ctrl.filterBar.filterTitle"
        filter-items="$ctrl.filterBar.filterItems"
        on-filter-selected="$ctrl.onFilterSelected">
    </inv-filter-bar>
</div>

Richlist Filterbar

Displays filterbar with search and a multiselect filter.