1.0.11 • Published 6 months ago

qdrant-page-search v1.0.11

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
6 months ago

For an example look into index.html

Installation

npm install qdrant-page-search

Add styles to the head tag:

<link rel="stylesheet" href="<path_to_the_plugin>/dist/css/styles.min.css">

At the end of a body tag add:

<script defer src="<path_to_the_plugin>/dist/js/search.min.js" type="module"></script>
<script defer>
    window.addEventListener('DOMContentLoaded', () => {
        initQdrantSearch({searchApiUrl: 'your_search_API_URL'});
    });
</script>

To scroll a page to the result text after transition use js/scroll.min.js

<script src="<path_to_the_plugin>/dist/js/scroll.min.js" type="module"></script>

Add search button

And the button in the place you want to see it:

<!-- Button trigger modal -->
<button type="button" class="qdr-search-input-btn" data-target="#searchModal">
    Search...
</button>

Development

Build the project

npm install
npm run build

Develop mode

npm install
npm run dev

Styles

To change an appearance of modal window you can:

  • overwrite classes styles in your own css file or
  • change variables values in src/scss/_variables.scss and rebuild styles file.
1.0.11

6 months ago

1.0.10

8 months ago

1.0.9

1 year ago

1.0.8

1 year ago

1.0.7

2 years ago

1.0.2

3 years ago

1.0.6

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.1

3 years ago