caharkness/SearchableInput
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update README.md

Browse Source
This commit is contained in:
caharkness 2025-02-27 14:31:29 -07:00
parent 8257cf7d44
commit 8eebb13b6b
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@ -10,7 +10,7 @@ A JavaScript and CSS library for augmenting raw HTML inputs with modern search f
* Support for locally rendered options and options returned via a GET request * Support for locally rendered options and options returned via a GET request
###### Usage ###### Basic Usage
Include both the `SearchableInput.js` and `SearchableInput.css` files in your page's source and wrap any text input like the following: Include both the `SearchableInput.js` and `SearchableInput.css` files in your page's source and wrap any text input like the following:
@ -25,6 +25,8 @@ Include both the `SearchableInput.js` and `SearchableInput.css` files in your pa
</div> </div>
</div> </div>
###### Shared Item Source
If multiple inputs require the same source of data, put your `div.item` options in a hidden div somewhere in the document accessible by its `id` attribute: If multiple inputs require the same source of data, put your `div.item` options in a hidden div somewhere in the document accessible by its `id` attribute:
<div id="items-source"> <div id="items-source">
@ -40,6 +42,8 @@ Then, in the `div.items` container beneath the input, set its `data-source` attr
<div class="items" data-source="#items-source"></div> <div class="items" data-source="#items-source"></div>
</div> </div>
###### Items from GET (application/json)
Alternatively, you can set the `data-source-api` to access a GET endpoint that responds with `application/json`: Alternatively, you can set the `data-source-api` to access a GET endpoint that responds with `application/json`:
<div class="searchable-input"> <div class="searchable-input">