Introduction
PnP modern search web parts allow super users to easily configure search solutions within their sites and are great alternative to the out-of-the-box highlighted content web part.
In this series we’ll look at deploying the web parts in your tenant and then configuring some search scenarios.
About the web parts
There are for PnP modern search web parts (all deployed in one package). The parts are:
- Search box
- Search results
- Search filters
- Search verticals
Search box
The ‘Search box’ Web Part allows users to enter free text search queries connected to a ‘Search Results’ Web Part.
Search results
The ‘Search Results’ Web Part is the fundamental building block of whole global solution. Its purpose is basically to get data from a specifc source and render them in a specific native or custom layout based on Handlebars and web components.
Refiners
The ‘Filters’ Web Part allows to filter the current results displayed in a ‘Search Results’ Web Part. This component is higly configurable to meet you requirements and it works for all data sources.
Verticals
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.
Deploying the web parts.
The web parts can be downloaded from this page and installed in either the tenant app catalogue or a site collection app catalogue.
If you don’t have a developer or UAT tenant, I’d recommend creating a new site collection, provisioning a site collection app catalogue and uploading to there.
Once uploaded to the app catalogue, the web parts are ready to be used.
One response
This is brilliant! Thanks!