No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Introduction

The fastest way to integrate Search experiences into your React applications is to use Sitecore Search JS SDK and UI Components packages. The two packages are exclusively created for React, and available on NPM. Simply install them into your project, and at compile time, your React browser application runs with an integrated JS SDK.

On this site, you can:

  • Access working examples of widget templates built with a set of primitive UI components.
  • View a template's structure and content, and how they reflect the widget's expected behavioral pattern.
  • Copy a template's React code to paste in your React application.
  • Learn to style a template with CSS variables.

Note: When using the JS SDK, the use of our templates and UI components is completely voluntary. You can choose to build custom templates with our UI components or your custom UI components.

Before adding widget templates to your React application, we recommend that you familiarize yourself with the following:

  • Installing Search JS SDK and UI Components packages
  • Integrating with Search using JS SDK for React (Coming Soon)
  • Search JS SDK and UI Components packages (Coming Soon)
  • Walkthrough of an integration from start to finish (Coming Soon)
  • Query hooks for widgets (Coming Soon)
  • Create and use a custom theme (Coming Soon)