sk-filters
v1.0.3
Published
simple filter
Downloads
6
Readme
Subskill Filter
Simple filtre utilisable sur tous type de projets.
Installation
npm install sk-filters
Usage/Examples
// JS
// Import skFilter
import { skFilter } from "sk-filters";
// Call the function
function App() {
skFilter()
}
// html
<div class="filters">
<div data-filter="*" class="filter">Reset</div>
<div data-filter="red" class="filter">RED</div>
<div data-filter="blue" class="filter">BLUE</div>
<div data-filter="yellow" class="filter">YELLOW</div>
<div data-filter="square" class="filter">SQUARE</div>
<div data-filter="triangle" class="filter">Triangle</div>
<div data-filter="circle" class="filter">CIRCLE</div>
<div data-filter="triangle,red,blue" class="filter">Trangle red blue</div>
</div>
<div class="items">
<div data-infos="triangle" class="item red">Triangle</div>
<div data-infos="blue,circle,test" class="item blue">Circle</div>
</div>
- '*' for show all
- 'triangle,red' separate with commat if more than 1 data-filter