hd-search

React component for HyperDart search box.

Installation

npm install hd-search

Copy the script file to your public folder:

cp node_modules/hd-search/public/main.54822382.js public/main.54822382.js

Usage

Import

import SearchBox from 'hd-search';
// or
import { SearchBox } from 'hd-search';

Basic Example

import React from 'react';
import SearchBox from 'hd-search';

function App() {
  return (
    <div>
      <SearchBox 
          onSearch = "",  //optional
          placeholderText = "Search on hyperDart...", //optional
          size = "medium", //optional
          suggestionDirection = "bottom", //optional
          enableVoiceInput = false, //optional
          disableTopPositioning = false,  //optional
          scriptSrc = "/main.54822382.js",  //optional - defaults to "/main.54822382.js"
      />
    </div>
  );
}

export default App;