Skip to content

OXAYAZA/Simple-Filter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Simple-Filter

Simple element filter by category. Check out this Demo to see it in action.

Usage

Some HTML markup:

<section>
	<button data-filter="*">All</button>
	<button data-filter="red">Red</button>
	<button data-filter="green">Green</button>
	<button data-filter="orange">Orange</button>

	<div data-category="red">Red</div>
	<div data-category="green">Green</div>
	<div data-category="orange">Orange</div>
</section>

Simple initialization:

simpleFilter( document.querySelector( 'section' ) );

License

Licensed under CC BY-SA 4.0
Creative Commons License

About

Simple element filter by category.

Resources

Stars

Watchers

Forks