react-searchbox - It offers a lightweight (~30KB: Minified + Gzipped) and performance focused searchbox UI component to query and display results from your ElasticSearch app (aka index) using declarative props. It is an alternative to using the DataSearch component from ReactiveSearch.

Installation

npm install @appbaseio/react-searchbox
// or
yarn add @appbaseio/react-searchbox

Basic Usage

import React, { Component } from 'react';

import SearchBox from '@appbaseio/react-searchbox';

export default class App extends Component {
	render() {
		return (
			<div>
				<SearchBox
					app="good-books-ds"
					credentials="nY6NNTZZ6:27b76b9f-18ea-456c-bc5e-3a5263ebc63d"
					dataField={['original_title', 'original_title.search']}
				/>
			</div>
		);
	}
}