You can optionally configure the PnP Modern Search Box web part in order to add a dedicated search box on a page. For example, in the case of adding a search box on a landing page. To configure the PnP Modern Search Box web part, you need to configure it with the PnP Search Results web part. Therefore, for this configuration, you need both PnP Modern Search Box and PnP Search Results web parts.

Adding the PnP Modern Search Box Web Part

1. Navigate to the page where you configured PnP Search Results web part with Staffbase News.
2. Click Edit at the top right of the page.
3. Hover your mouse over the page.
   The + icon to add a new web part opens.
   
   
4. Click the + icon.
   A dialog with the available web parts opens.
5. Search for and select PnP Search Box.
6. Navigate to the web part you added.
7. Click the pencil icon to Edit web part.
   
   
   
   The Pnp - Search Box dialog opens.
8. Turn the toggle On for Reset query on clear.
9. Click Save to save the page.
You have saved the page and configured the PnP Modern Search Box web part. Now, you need to configure the PnP Modern Search Box with PnP Search Results web part.

Configuring the PnP Modern Search Box Web Part With PnP Search Results Web Part

You need to configure the PnP Search Results web part with PnP Modern Search Box as the source of connection.

1. Navigate to the page where you added the PnP Search Box web part.
2. Click the pencil icon for Edit web part for PnP Search Results web part.
   The PnP - Search Results dialog opens.
3. Navigate to page 3 of PnP - Search Results dialog.
4. Under Available connections, turn the toggle On for Use input query text.
5. Select the option for Dynamic value.
6. From the Connect to source dropdown menu, select PnP - Search Box.
7. From the PnP - Search Box's properties dropdown menu, select Search query.
   
   
8. Click Save to save the page.
You have saved the page and configured a search box for Staffbase news.

How the Search Looks for Your Users

When a user enters keywords in the search box, the search results are displayed based on the keywords.