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
###### 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:
@ -25,6 +25,8 @@ Include both the `SearchableInput.js` and `SearchableInput.css` files in your pa
</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:
<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>
###### Items from GET (application/json)
Alternatively, you can set the `data-source-api` to access a GET endpoint that responds with `application/json`:
<div class="searchable-input">