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>