Skip to content

Latest commit

 

History

History
23 lines (19 loc) · 880 Bytes

File metadata and controls

23 lines (19 loc) · 880 Bytes

Orama Search Components

This directory contains components for creating a Node.js-styled Orama Search Box.

A search modal is constructed using the following format, but additional components can also be used.

<SearchModal client={myOramaClient} placeholder={'Search for something...'}>
  <SearchResults
    noResultsTitle={'No results found for'}
    onHit={hit => <MySearchItemComponent hit={hit} />}
  >
    {/* If you want to include search suggestions, there's a SearchSuggestions
    component */}
    <SearchSuggestions
      suggestions={['You should search this', 'or this']}
      label={'Suggestions'}
    />
  </SearchResults>
</SearchModal>

(For this example, myOramaClient and MySearchItemComponent refer to the Orama client, and search item component, respectively. These variables are not included in @node-core/ui-components at this time)