@bnnvara/search NPM

Example:

The component requires the following properties:

Name	Type	Description
baseUrl	string	path to the Api used
search	({searchQuery: string, from: number, page: number, sort: { sort: string, url: string }, }) => Promise	Callback that returns a promise that results to an data object containing an results object that has an array of search query results.
fuzzySearch	(url: string, search: string, autocomplete: () => void, results: number, title: string, page: number) => Promise	Callback that returns a promise that results to an object named autocomplete containing an array of search results. Will be throttled.
ref	reference	reference to the autocomplete input field
initialSearchText	string	initial search query

JS

import React from 'react';
import Search from '@bnnvara/search';

const fuzzySearch = () => Promise.resolve({ data: { autocoplete : [] } });
const search = ({ searchQuery, page, from, sort }) => Promise.resolve({ data: { search : [] } });
const baseUrl = 'http://localhost:4321/api';
let textInput = React.createRef();

export default () => (
  <Search
    fuzzySearch={fuzzySearch}
    search={search}
    initialSearchText="test" 
    baseUrl={baseUrl}
    ref={textInput}
  />
);

BNNVARA Patterns BNNVARA components Search React

@bnnvara/breakpoints @bnnvara/colors @bnnvara/icons @bnnvara/typography babel-cli babel-preset-env prop-types react react-autocomplete styled-components throttle-debounce

@infinitebrahmanuniverse/nolb-_bn @everything-registry/sub-chunk-135 @zalastax/nolb-_bn

5 years ago

5 years ago

5 years ago

5 years ago