Filter

Example 8 - Filter by a number range

Filter within a range of numbers. Works with numbers and currency (ie. 3.5 - 4.7 or $5.00 - $9.99). Does not work with dates.

See Finsweet
Walkthrough

What we will cover

  • Filter within a range of numbers

RESET ALL
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Project 1.8-28.4
Project 31-60
Project 61-90
Projcect 91-100
Project 1
Project 2
Project 3
Project 4
Project 5
Project 6
Project 7
Project 8
Project 9
Project 10
Project 11
Project 12
Project 13
Project 14
Project 15
Project 16
Project 17
Project 18
Project 19
Project 20
Project 21
Project 22
Project 23
Project 24
Project 25
Project 26
Project 27
Project 28
Project 29
Project 30
Project 31
Project 32
Project 33
Project 34
Project 35
Project 36
Project 37
Project 38
Project 39
Project 40
Project 41
Project 42
Project 43
Project 44
Project 45
Project 46
Project 47
Project 48
Project 49
Project 50
Project 51
Project 52
Project 53
Project 54
Project 55
Project 56
Project 57
Project 58
Project 59
Project 60
Project 61
Project 62
Project 63
Project 64
Project 65
Project 66
Project 67
Project 68
Project 69
Project 70
Project 71
Project 72
Project 73
Project 74
Project 75
Project 76
Project 77
Project 78
Project 79
Project 80
Project 81
Project 82
Project 83
Project 84
Project 85
Project 86
Project 87
Project 88
Project 89
Project 90
Project 91
Project 92
Project 93
Project 94
Project 95
Project 96
Project 97
Project 98
Project 99
Project 100
Clone me!

You are almost there! Clone this template by clicking the link above. Learn, play around, test, use your own content, and have fun.

You can delete all .delete-me divs! All of the How-To content is in the .clonable divs.

More examples
1 filter, exclusive
1 filter, multi
2 filters, exclusive and multi
Filter by search
Really crazy complex filter with every filter option
1 nested collection, dynamic filter buttons
Load More
Component
Sort
Component
Made with
by