search-filter-tabbed.component.md

Title	Added	Status	Last reviewed
Search filter tabbed component	v6.2.0	Active	2024-05-14

Search filter tabbed component

Represents a container for Search Filters to provide a tabbed user interface for the filters.

Basic Usage

<adf-search-filter-tabbed>
    <ng-container *ngFor="let field of fields">
        <my-search-filter *adf-search-filter-tab="MyTabLabel"></my-search-filter>
    </ng-container>
</adf-search-filter-tabbed>

In order to generate a tabbed widget for multiple search filters, you can pass in the search filter widget component as a content child of the adf-search-filter-tabbed component as shown above.

Additionally, you also have to make sure that the search filter being passed as a content child of the adf-search-filter-tabbed component, also has the adf-search-filter-tabbed directive applied on it, with the name input property being assigned the value of whatever name should be displayed for that particular tab

See also

• Search Configuration Guide
• Search Query Builder service
• Search Widget Interface
• Search check list component
• Search date range component
• Search date range tabbed component
• Search number range component
• Search radio component
• Search slider component
• Search text component