Search UI - React Example

This is an example how to use AddSearch Search UI Library with React. This example is based on the create-react-app project.

AddSearch UI library is a tool to create fast, mobile-friendy, and cross-browser compatible search solutions quickly and effortlessly.

Components

All AddSearch UI components are wrapped to React components with corresponding names. Props passed to the React component are used for initializing Search UI components.

For example, the following React component:

<SearchField ui={this.searchui}
           button="Search"
           searchAsYouType={true} />

is equal to:

searchui.searchField({
  container: "searchfield",
  button: "Search",
  searchAsYouType: true
});

How to run

npm install
npm run start

Support

Feel free to send any questions, ideas and suggestions at support@addsearch.com or visit addsearch.com for more information.