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 Discover experiences into your React applications is to use Sitecore Discover 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.

The guide to integrating using Discover JS SDK describes how you can use the contents of this site.

Exclusively 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.

Links to get you started

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