site-search-360-react

Site Search 360 input component for React

Usage no npm install needed!

<script type="module">
  import siteSearch360React from 'https://cdn.skypack.dev/site-search-360-react';
</script>

README

site search 360 logo

Site Search 360 React Component

The Site Search 360 React component provides a simple way of adding Site Search 360 to your React app.

Installation

If you are using NPM:

npm install site-search-360-react

If you are using Yarn:

yarn add site-search-360-react

Usage

To add Site Search 360 (search box and a search button) to your site, use the SiteSearch360 component.

import SiteSearch360 from 'site-search-360-react';

<SiteSearch360 siteId="yoursite.com" />

// OR in vanilla JS

React.createElement(SiteSearch360, { siteId: 'yoursite.com' });

Make sure to use your siteId to connect the search to your account. The value of the siteId prop can be found under Account > Profile after signing up to Site Search 360.

Props

siteId (String)

The Site ID of your Site Search 360 account. This setting can also be set in the ss360Config prop.

ss360Config (Object)

Site Search 360 configuration object. See the Site Search 360 installation docs for more details.

showButton (Boolean)

Whether to display a search button. Default: true

applyStyling (Boolean)

Whether to apply default styling to the search input. Default: true