README.md
May 18, 2024 ยท View on GitHub
Searchbox
Searchbox is a lightweight and performance focused search UI component library to query and display results from your Elasticsearch index using declarative props. It's available for React, Vue, React Native and Flutter. This repo contains the Flutter variant of the library. If you're looking for other variants, you can go here.
Getting Started
| Library | Install | Demo | Docs |
|---|---|---|---|
| Flutter Searchbox | Installation | Basic | Quick Start |
| React Searchbox | npm i @appbaseio/react-searchbox | Basic | Quick Start |
| Searchbox | npm i @appbaseio/searchbox @appbaseio/searchbase | Searchbar with Style | Quick Start |
| Vue Searchbox | npm i @appbaseio/vue-searchbox | Basic | Quick Start |
| React Native Searchbox | npm i @appbaseio/react-native-searchbox | Basic | Quick Start |
Features
We have baked some amazing features in libraries which helps getting insights from searches and also help beautify and enhance search experiences.
| Feature | Description |
|---|---|
| Autosuggestions | Built-in autosuggest functionality with keyboard accessibility. |
| Fuzzy Search | Useful for showing the correct results for an incorrect search parameter by taking the fuzziness into account. |
| Query String Support | URL query string param based on the search query text value.This is useful for sharing URLs with the component state. |
| Search Operators | Use special characters in the search query to enable an advanced search behavior. |
| Voice Search | Enable voice input for searching. |
| Search/Click Analytics | Search analytics allows you to keep track of the users' search activities which helps you to improve your search experience based on the analytics extracted by Appbase.io. |
| Feature Results | Promote and hide your results for search queries. |
| Customization | Support custom UI components in order to maintain a consistentency with existing design system. |
Contributing
Please check the contribution guide.
Other Projects You Might Like
-
ReactiveSearch React, React Native and Vue UI components for building data-driven apps with Elasticsearch.
-
arc API Gateway for Elasticsearch (Out of the box Security, Rate Limit Features, Record Analytics and Request Logs).
-
dejavu allows viewing raw data within an appbase.io (or Elasticsearch) app. Soon to be released feature: An ability to import custom data from CSV and JSON files, along with a guided walkthrough on applying data mappings.
-
mirage ReactiveSearch components can be extended using custom Elasticsearch queries. For those new to Elasticsearch, Mirage provides an intuitive GUI for composing queries.
- appbase-js While building search UIs is dandy with Reactive Search, you might also need to add some input forms. appbase-js comes in handy there.