davatron5000 / awesome-standalones

A curated list of awesome framework-agnostic standalone web components
1.31k stars 46 forks source link

Submission: typesense-minibar #32

Closed Krinkle closed 2 months ago

Krinkle commented 2 months ago

This is a 2kb standalone web component that provides accessible and progressively-enhancing search suggestions. It is in use on https://jquery.com and https://qunitjs.com. It can often replace the popular >100KB Algolia/DocSearch.js widget.

Name

typesense-minibar

Category

forms

Repo

https://github.com/jquery/typesense-minibar

URL

https://jquery.github.io/typesense-minibar/demo/

Install script

No response

Snippet example

<typesense-minibar><form role="search" action="https://duckduckgo.com"><input type="search" name="q" placeholder="Search..."><input type="hidden" name="sites" value="example.org"></form></typesense-minibar>
daviddarnes commented 2 months ago

# Here's your submission in the desired JSON format:


{
  "name": "typesense-minibar",
  "category": "forms",
  "repo": "https://github.com/jquery/typesense-minibar",
  "url": "https://jquery.github.io/typesense-minibar/demo/",
  "snippet": "<typesense-minibar><form role='search' action='https://duckduckgo.com'><input type='search' name='q' placeholder='Search...'><input type='hidden' name='sites' value='example.org'></form></typesense-minibar>"
}