Zach’s ugly mug (his face) Zach Leat­herman

<filter-container> Web Component

690 00 January 22, 2021
🚾Web Component@zachleat/filter-container

Filtering visible child elements based on form field values.

Demo GitHub npm IndieWeb Avatar for https://npmx.dev/npmx All🚾 0.2%
Popularity
npm12k Monthly downloads sparkline for @zachleat/filter-container, ranging 283 to 4k cdn1k Monthly jsDelivr CDN hits sparkline for @zachleat/filter-container, ranging 0 to 905
Versions
Monthly publishes sparkline for @zachleat/filter-container, ranging 0 to 4 14 versions in
4.0.0
Audit
0 reports
0 deps
Issues
1
PRs
1

A way to filter visible child elements based on the value of various form elements. Optionally synchronizes selections with the URL.

Tags: Project Web Components

< Older
announcement-banner Web Component
Newer >
A little collection of theme-less Web Components

Zach Leatherman IndieWeb Avatar for https://zachleat.com/is a builder for the web at Font Awesome and the creator of Build Awesome (née IndieWeb Avatar for https://www.11ty.devEleventy/11ty), an award-winning open source website generator. He measures website performance with speedlify and at one point became too fixated on web fonts. He has given 89 talks in nine different countries at events like Beyond Tellerrand, Smashing Conference, Jamstack Conf, CSSConf, and The White House. Formerly part of CloudCannon, Netlify, Filament Group, NEJS CONF, and NebraskaJS. Learn more about Zach »

Shamelessly plug your related post

These are webmentions via the IndieWeb and webmention.io.

Sharing on social media?

This is what will show up when you share this post on Social Media:

How did you do this? I automated my Open Graph images. (Peer behind the curtain at the test page)