Skip to content

Reusable web components based on Microsoft Search and Microsoft Graph that can be used transversally in an organization to build custom search experiences

License

Notifications You must be signed in to change notification settings

microsoft-search/pnp-modern-search-core-components

Repository files navigation

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.

PnP Logo      Ubisoft Logo

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)

How I get started?

To get started, simply follow the guide!

Playground

You can also get an overview of components using the playground

Thank you to all Ubisoft members who participate to this project!