https://github.com/pxlrbt/filter-elements
Filter HTML Elements by tag based filters by setting an data attribute.
https://github.com/pxlrbt/filter-elements
filter htmlelement javascript js
Last synced: 11 months ago
JSON representation
Filter HTML Elements by tag based filters by setting an data attribute.
- Host: GitHub
- URL: https://github.com/pxlrbt/filter-elements
- Owner: pxlrbt
- Created: 2020-04-28T07:15:19.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-04-28T09:32:42.000Z (about 6 years ago)
- Last Synced: 2024-10-29T14:39:48.823Z (over 1 year ago)
- Topics: filter, htmlelement, javascript, js
- Language: JavaScript
- Homepage:
- Size: 4.88 KB
- Stars: 1
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Filter Elements
Let's you filter HTML Elements by tag based filters by setting an data attribute. Supports clickable handles and selects.
## Installation
```bash
npm install @pxlrbt/filter-elements
```
## Usage
```js
import FilterElements from '@pxlrbt/filter-elements';
var filter = new FilterElements();
```
```html
All
JavaScript
HTML
```
```css
[data-filterable] {
display: none;
}
[data-filter-filtered="false"] {
display: block;
}
```