Skip to content

Search Verticals Web Part

The 'Verticals' Web Part allows to conditionally render a 'Search Results' Web Part according to the selected vertical. It is a simple way to build a complete search center including multiple sources.

"PnP Search Verticals Web Part"

Configuration

The configuration of the 'Verticals' Web Part is fairly simple.

"Verticals configuration"

Configure verticals

The options for a vertical are as follow:

Setting Description
Tab name The vertical name (i.e. tab)
Tab value The vertical value that will be sent to connected 'Search Results' Web Parts. You can use this value using the {verticals.value} token. See tokens for more info.
Fluent UIFabric icon name The optional Fluent UI icon to display for the tab. Refer to Fluent UI Fabric documentation to see all available icons.
Is hyperlink If checked, the tab will behave as an hyperlink meaning it won't trigger any selected event.
Link URL If the tab is an hyperlink, the link URL to use. Tokens {<TokenName>} are supported here. See tokens for more info.
Open behavior If the tab is an hyperlink, the opening behavior (new tab or current tab).
Show link icon If the tab is an hyperlink, display or hide an icon next to the tab name indicating the tab is a link (same page or external).