text-filter Web Component
text-filter is a web component that enhances a native text input with the ability to filter a list. Typing into the field hels you find exactly what you're looking for, live!
Unlike web components I've built in the past,
text-filter is a customized build-in element, meaning it actually extends an existing element.
<input is="text-filter" for="my-list" type="text" /> <ul id="my-list"> <li>An item</li> <li>Another item</li> </ul>