@pnp/modern-search-core NPM

PnP Modern Search - Core Components

These components have been initially made by Ubisoft as part of their Microsoft Search implementation. They've been adapted are given to the community for free. A big thanks to them! Sharing is caring.

The goal is to provide reusable components based on Microsoft Search and Microsoft Graph in general that can be used transversally in an organization.

Despite we provide a SharePoint WebParts implementation over these components, this is not a new version, nor a replacement of the PnP Modern Search WebParts. The main difference is they can be used outside SharePoint to leverage Microsoft Graph and Microsoft Search.

What are they and why should I use them?

These components are regular web components built on top of Microsoft Graph Toolkit and Lit elements.

They allow to consume Microsoft Search results in any web application, outside of SharePoint, for instance, to build custom search experiences.

What components are included?

The following components are included in the bundle:

Component	HTML tag	Purpose
Search results	`<pnp-search-results>`	Display results from Microsoft Search index according to configured parameters.
Search filters	`<pnp-search-filters>`	Display filters from a connected search results components
Search box	`<pnp-search-input>`	Allow users to enter free text search keywords.
Search verticals	`<pnp-search-verticals>`	Displays tabs to search by verticals
Video player	`<pnp-video-player>`	Play video from SharePoint (outside of SharePoint domain)