Finder
Use static rules to effortlessly sort, filter, search, and group data of any shape.
Objects, classes, strings; whatever dataset you're manipulating, you can use a Rule to connect Finder to manipulate it. You don't need to transform your object to match an external rubric.
Reusable
Rules are object literals that can create reusable searches, filters, sorting, or grouping. Write a Rule once, use it everywhere you're working with that object - catalog, customer orders, monthly dashboards and so on!
Effortless string matching
Extract a string ( or strings ) from your item to search against. Rank searches by closest match to return relevant results faster. The <Finder.SearchTermHaystack /> component will highlight the matching segments of your Item's search term.
300 / 300 items
South Portrait Golf Boots™
South Portrait Tennis Steel-toe Boots™
Daschund Cricket Galoshes™
South Portrait Tennis Galoshes™
True Balance Baseball Sandals™
Dr. Martini Soccer Platform shoes™
Strike Rugby Sandals™
Dr. Martini Dodgeball Heels™
Daschund Baseball Heels™
Dr. Martini Basketball Boots™
Daschund Dodgeball Boots™
Rackpart Dodgeball Heels™
Strike Basketball Elevator Shoes™
Rackpart Football Elevator Shoes™
True Balance Soccer Shoes™
South Portrait Volleyball Galoshes™
Dr. Martini Cricket Boots™
Rackpart Soccer Cleats™
Grizzly Volleyball Heels™
Grizzly Baseball Sandals™
Dr. Martini Soccer Waders™
Strike Football Sneakers™
Rackpart Cricket Slippers™
Timbrescape Baseball Slippers™
South Portrait Curling Cleats™
True Balance Curling Platform shoes™
Dr. Martini Sportsball Elevator Shoes™
Timbrescape Football Heels™
Grizzly Baseball Heels™
South Portrait Baseball Heels™
Grizzly Rugby Heels™
Rackpart Pingpong Heels™
South Portrait Volleyball Slippers™
True Balance Volleyball Shoes™
Rackpart Dodgeball Galoshes™
Grizzly Tennis Platform shoes™
Timbrescape Tennis Sandals™
Grizzly Cricket Cleats™
Timbrescape Cricket Steel-toe Boots™
Dr. Martini Ballet Steel-toe Boots™
Timbrescape Golf Sandals™
South Portrait Rugby Galoshes™
Grizzly Basketball Platform shoes™
True Balance Curling Shoes™
True Balance Soccer Shoes™
Daschund Pingpong Sneakers™
Grizzly Rugby Boots™
Dr. Martini Tennis Sneakers™
South Portrait Sportsball Shoes™
Strike Rugby Waders™
Daschund Pingpong Cleats™
Daschund Baseball Cleats™
South Portrait Cricket Heels™
South Portrait Cricket Steel-toe Boots™
South Portrait Volleyball Elevator Shoes™
True Balance Dodgeball Sandals™
True Balance Soccer Platform shoes™
Strike Curling Boots™
South Portrait Pingpong Sandals™
Strike Volleyball Cleats™
South Portrait Golf Elevator Shoes™
True Balance Dodgeball Steel-toe Boots™
Strike Curling Boots™
True Balance Basketball Cleats™
True Balance Curling Heels™
True Balance Pingpong Shoes™
Timbrescape Cricket Galoshes™
True Balance Soccer Elevator Shoes™
Grizzly Pingpong Shoes™
Rackpart Soccer Galoshes™
Dr. Martini Volleyball Heels™
True Balance Tennis Boots™
Dr. Martini Basketball Platform shoes™
Dr. Martini Rugby Waders™
Grizzly Sportsball Waders™
True Balance Baseball Boots™
Daschund Baseball Elevator Shoes™
Grizzly Rugby Boots™
Strike Tennis Boots™
Strike Cricket Platform shoes™
Grizzly Rugby Galoshes™
Grizzly Dodgeball Galoshes™
Rackpart Pingpong Elevator Shoes™
Strike Volleyball Steel-toe Boots™
Dr. Martini Volleyball Boots™
South Portrait Ballet Galoshes™
Timbrescape Football Galoshes™
Dr. Martini Baseball Boots™
Strike Ballet Sandals™
Daschund Baseball Shoes™
True Balance Volleyball Elevator Shoes™
South Portrait Sportsball Waders™
Timbrescape Volleyball Platform shoes™
Grizzly Volleyball Boots™
True Balance Dodgeball Waders™
Dr. Martini Basketball Platform shoes™
Strike Dodgeball Sneakers™
Grizzly Basketball Sneakers™
Daschund Pingpong Sandals™
Grizzly Basketball Steel-toe Boots™
Dr. Martini Basketball Shoes™
True Balance Rugby Steel-toe Boots™
Strike Football Sandals™
Timbrescape Cricket Galoshes™
Daschund Football Sandals™
Daschund Sportsball Shoes™
Rackpart Pingpong Steel-toe Boots™
Grizzly Baseball Sandals™
Strike Soccer Slippers™
Rackpart Rugby Cleats™
Grizzly Pingpong Sandals™
Timbrescape Soccer Heels™
Strike Football Galoshes™
Timbrescape Soccer Sneakers™
Dr. Martini Pingpong Sneakers™
Rackpart Sportsball Sandals™
Dr. Martini Dodgeball Elevator Shoes™
Rackpart Tennis Sandals™
Timbrescape Rugby Elevator Shoes™
Timbrescape Soccer Elevator Shoes™
Timbrescape Golf Galoshes™
Strike Curling Heels™
Daschund Rugby Slippers™
Daschund Cricket Cleats™
Grizzly Golf Shoes™
Rackpart Basketball Slippers™
Daschund Baseball Cleats™
Strike Basketball Heels™
Daschund Baseball Platform shoes™
South Portrait Tennis Boots™
South Portrait Golf Boots™
Strike Basketball Slippers™
Grizzly Pingpong Elevator Shoes™
Rackpart Rugby Boots™
Strike Golf Cleats™
Strike Baseball Steel-toe Boots™
Rackpart Rugby Heels™
Rackpart Basketball Platform shoes™
Timbrescape Sportsball Heels™
True Balance Golf Platform shoes™
Timbrescape Baseball Waders™
Dr. Martini Rugby Cleats™
True Balance Cricket Waders™
Timbrescape Cricket Platform shoes™
South Portrait Basketball Elevator Shoes™
True Balance Cricket Platform shoes™
Daschund Football Cleats™
Strike Rugby Boots™
Daschund Basketball Cleats™
South Portrait Curling Heels™
Grizzly Golf Boots™
True Balance Basketball Steel-toe Boots™
Timbrescape Basketball Platform shoes™
Dr. Martini Curling Sneakers™
Daschund Baseball Heels™
Timbrescape Ballet Platform shoes™
Grizzly Dodgeball Heels™
Grizzly Football Cleats™
South Portrait Soccer Sandals™
South Portrait Basketball Steel-toe Boots™
Rackpart Basketball Platform shoes™
True Balance Tennis Slippers™
Grizzly Tennis Boots™
Grizzly Cricket Slippers™
Dr. Martini Baseball Waders™
Timbrescape Sportsball Slippers™
Rackpart Volleyball Shoes™
Rackpart Cricket Waders™
Dr. Martini Volleyball Cleats™
Grizzly Curling Cleats™
South Portrait Sportsball Boots™
Rackpart Football Elevator Shoes™
True Balance Baseball Elevator Shoes™
Grizzly Basketball Slippers™
Strike Football Waders™
Daschund Tennis Galoshes™
Dr. Martini Baseball Platform shoes™
South Portrait Pingpong Platform shoes™
South Portrait Pingpong Heels™
Strike Baseball Heels™
Daschund Basketball Sandals™
Dr. Martini Football Platform shoes™
True Balance Volleyball Heels™
Dr. Martini Ballet Sneakers™
Daschund Soccer Steel-toe Boots™
Grizzly Sportsball Boots™
Grizzly Dodgeball Platform shoes™
Rackpart Tennis Heels™
Grizzly Baseball Elevator Shoes™
Strike Ballet Shoes™
Grizzly Baseball Steel-toe Boots™
Strike Tennis Sneakers™
Strike Dodgeball Steel-toe Boots™
Rackpart Soccer Galoshes™
Dr. Martini Tennis Cleats™
True Balance Baseball Waders™
Grizzly Football Galoshes™
True Balance Rugby Heels™
Dr. Martini Tennis Cleats™
Timbrescape Baseball Steel-toe Boots™
Timbrescape Baseball Sneakers™
Daschund Golf Sneakers™
Strike Baseball Heels™
True Balance Rugby Cleats™
Timbrescape Rugby Shoes™
True Balance Curling Waders™
Grizzly Dodgeball Galoshes™
Dr. Martini Ballet Slippers™
Daschund Dodgeball Slippers™
Strike Pingpong Heels™
Rackpart Volleyball Heels™
Timbrescape Baseball Waders™
Rackpart Cricket Sneakers™
Timbrescape Dodgeball Platform shoes™
True Balance Soccer Shoes™
Strike Volleyball Waders™
Timbrescape Curling Platform shoes™
Dr. Martini Golf Boots™
Grizzly Curling Platform shoes™
Daschund Golf Elevator Shoes™
Dr. Martini Football Elevator Shoes™
True Balance Pingpong Boots™
Strike Soccer Elevator Shoes™
Dr. Martini Soccer Sandals™
Grizzly Rugby Galoshes™
Timbrescape Volleyball Steel-toe Boots™
Grizzly Rugby Boots™
South Portrait Ballet Steel-toe Boots™
Rackpart Baseball Boots™
Daschund Baseball Steel-toe Boots™
Rackpart Golf Cleats™
Grizzly Sportsball Cleats™
South Portrait Basketball Waders™
Strike Soccer Sandals™
South Portrait Baseball Elevator Shoes™
Dr. Martini Sportsball Heels™
True Balance Rugby Cleats™
Timbrescape Golf Cleats™
True Balance Football Galoshes™
Timbrescape Rugby Elevator Shoes™
Daschund Soccer Waders™
Dr. Martini Pingpong Sandals™
Dr. Martini Rugby Steel-toe Boots™
True Balance Basketball Cleats™
Dr. Martini Ballet Heels™
Grizzly Ballet Steel-toe Boots™
Grizzly Cricket Steel-toe Boots™
Timbrescape Baseball Steel-toe Boots™
Dr. Martini Cricket Sneakers™
Daschund Curling Boots™
True Balance Curling Waders™
Dr. Martini Pingpong Waders™
South Portrait Pingpong Platform shoes™
Grizzly Baseball Boots™
Rackpart Cricket Sneakers™
True Balance Sportsball Boots™
Grizzly Baseball Sneakers™
Strike Tennis Steel-toe Boots™
Rackpart Cricket Galoshes™
Timbrescape Rugby Cleats™
Rackpart Soccer Cleats™
Daschund Curling Slippers™
Daschund Ballet Shoes™
Daschund Pingpong Elevator Shoes™
Grizzly Sportsball Platform shoes™
Dr. Martini Basketball Sandals™
South Portrait Football Sneakers™
Strike Baseball Steel-toe Boots™
Timbrescape Curling Cleats™
Dr. Martini Dodgeball Waders™
Daschund Soccer Sandals™
Dr. Martini Tennis Elevator Shoes™
Daschund Football Heels™
Dr. Martini Ballet Galoshes™
South Portrait Rugby Slippers™
True Balance Curling Heels™
Grizzly Baseball Steel-toe Boots™
Grizzly Golf Boots™
South Portrait Football Sneakers™
Strike Ballet Steel-toe Boots™
Grizzly Soccer Boots™
Grizzly Baseball Steel-toe Boots™
Rackpart Baseball Sandals™
Grizzly Golf Shoes™
Timbrescape Cricket Slippers™
Dr. Martini Golf Platform shoes™
Daschund Soccer Steel-toe Boots™
Strike Soccer Elevator Shoes™
True Balance Sportsball Boots™
Rackpart Sportsball Cleats™
Daschund Pingpong Slippers™
Dr. Martini Pingpong Slippers™
Strike Tennis Waders™
Dr. Martini Golf Cleats™
Daschund Basketball Galoshes™
Grizzly Volleyball Heels™
South Portrait Golf Sneakers™
Rackpart Baseball Platform shoes™
Strike Golf Waders™
True Balance Rugby Elevator Shoes™
Coupled Rules
If you have rules that need to interact with each other, you can add ruleEffects to listen for rule changes. If certain filters are mutually incompatible, or you need to reset the sortBy rules when the active groupBy rule changes, ruleEffects will get it done.
Headless
Finder provides an API for managing rules and displaying matches. It doesn't have any opinions on how matches or controls should be rendered.
Rule Examples
- Search shoes
- Filter birds
- Sort fruits
- Group cars
interface Shoe {
product {
name: string;
};
image: string;
}
const rule = searchRule<Shoe>({
searchFn: (item) => item.product.name
});
return <Finder items={shoes} rules={[rule]} />
Find that perfect shoe
30 / 30 items
Curling Slippers
Basketball Platform shoes
Tennis Elevator Shoes
Curling Shoes
Pingpong Platform shoes
Football Platform shoes
Rugby Sandals
Basketball Elevator Shoes
Volleyball Shoes
Ballet Shoes
Curling Shoes
Pingpong Sandals
Baseball Heels
Baseball Cleats
Football Shoes
Football Steel-toe Boots
Tennis Elevator Shoes
Dodgeball Sandals
Golf Steel-toe Boots
Basketball Boots
Golf Boots
Basketball Slippers
Pingpong Steel-toe Boots
Volleyball Shoes
Pingpong Boots
Pingpong Cleats
Cricket Heels
Rugby Steel-toe Boots
Soccer Cleats
Basketball Boots
interface Avian {
name: string;
territory: string;
}
const rule = filterRule<Avian>({
id: 'territory_filter',
filterFn: (birb, value) => birb.territory === value;
})
return <Finder items={birds} rules={[rule]} />
Filter Fowl
Mute Swan
Habitat: Yukon
Habitat: Yukon
Pin-tailed Snipe
Habitat: Yukon
Habitat: Yukon
Neotropic Cormorant
Habitat: Prince Edward Island
Habitat: Prince Edward Island
Prothonotary Warbler
Habitat: Northwest Territories
Habitat: Northwest Territories
Hermit Thrush
Habitat: Manitoba
Habitat: Manitoba
White-tipped Dove
Habitat: Manitoba
Habitat: Manitoba
Ruddy Turnstone
Habitat: Nova Scotia
Habitat: Nova Scotia
Hutton's Vireo
Habitat: New Brunswick
Habitat: New Brunswick
Baird's Sparrow
Habitat: Manitoba
Habitat: Manitoba
Leach's Storm-Petrel
Habitat: Saskatchewan
Habitat: Saskatchewan
King Eider
Habitat: Nova Scotia
Habitat: Nova Scotia
Whiskered Tern
Habitat: Alberta
Habitat: Alberta
Plumbeous Vireo
Habitat: Nunavut
Habitat: Nunavut
Varied Bunting
Habitat: Newfoundland and Labrador
Habitat: Newfoundland and Labrador
Olive Warbler
Habitat: Ontario
Habitat: Ontario
Green Heron
Habitat: Prince Edward Island
Habitat: Prince Edward Island
Little Egret
Habitat: Alberta
Habitat: Alberta
Red-flanked Bluetail
Habitat: Newfoundland and Labrador
Habitat: Newfoundland and Labrador
Ruby-crowned Kinglet
Habitat: Yukon
Habitat: Yukon
Cory's Shearwater
Habitat: Quebec
Habitat: Quebec
Sandhill Crane
Habitat: Ontario
Habitat: Ontario
Whimbrel
Habitat: Saskatchewan
Habitat: Saskatchewan
Aleutian Tern
Habitat: Saskatchewan
Habitat: Saskatchewan
Bristle-thighed Curlew
Habitat: Northwest Territories
Habitat: Northwest Territories
Blue-throated Hummingbird
Habitat: British Columbia
Habitat: British Columbia
Black-backed Woodpecker
Habitat: Saskatchewan
Habitat: Saskatchewan
Spotted Sandpiper
Habitat: Northwest Territories
Habitat: Northwest Territories
Baltimore Oriole
Habitat: New Brunswick
Habitat: New Brunswick
Black Oystercatcher
Habitat: Saskatchewan
Habitat: Saskatchewan
Worm-eating Warbler
Habitat: Nunavut
Habitat: Nunavut
Northern Goshawk
Habitat: Nunavut
Habitat: Nunavut
Black-headed Gull
Habitat: Manitoba
Habitat: Manitoba
Crested Myna
Habitat: Nunavut
Habitat: Nunavut
Eastern Meadowlark
Habitat: Newfoundland and Labrador
Habitat: Newfoundland and Labrador
Clapper Rail
Habitat: Quebec
Habitat: Quebec
Heermann's Gull
Habitat: Alberta
Habitat: Alberta
Hepatic Tanager
Habitat: Quebec
Habitat: Quebec
Northern Waterthrush
Habitat: Yukon
Habitat: Yukon
Pechora Pipit
Habitat: Prince Edward Island
Habitat: Prince Edward Island
Buff-bellied Hummingbird
Habitat: British Columbia
Habitat: British Columbia
Redwing
Habitat: Nunavut
Habitat: Nunavut
Cordilleran Flycatcher
Habitat: British Columbia
Habitat: British Columbia
Wood Sandpiper
Habitat: Nova Scotia
Habitat: Nova Scotia
Carolina Parakeet
Habitat: Alberta
Habitat: Alberta
Philadelphia Vireo
Habitat: New Brunswick
Habitat: New Brunswick
Blue-footed Booby
Habitat: Manitoba
Habitat: Manitoba
Violet-crowned Hummingbird
Habitat: Northwest Territories
Habitat: Northwest Territories
Fox Sparrow
Habitat: Ontario
Habitat: Ontario
Gyrfalcon
Habitat: Nova Scotia
Habitat: Nova Scotia
Oriental Greenfinch
Habitat: Nova Scotia
Habitat: Nova Scotia
Gray Jay
Habitat: Alberta
Habitat: Alberta
Least Sandpiper
Habitat: Quebec
Habitat: Quebec
Marbled Godwit
Habitat: Manitoba
Habitat: Manitoba
Oak Titmouse
Habitat: Prince Edward Island
Habitat: Prince Edward Island
Chukar
Habitat: Manitoba
Habitat: Manitoba
Sooty Tern
Habitat: Manitoba
Habitat: Manitoba
Cape May Warbler
Habitat: Prince Edward Island
Habitat: Prince Edward Island
Herring Gull
Habitat: Nunavut
Habitat: Nunavut
Greenish Elaenia
Habitat: Saskatchewan
Habitat: Saskatchewan
Black Phoebe
Habitat: Quebec
Habitat: Quebec
Red-flanked Bluetail
Habitat: Quebec
Habitat: Quebec
Fan-tailed Warbler
Habitat: Nunavut
Habitat: Nunavut
Short-billed Dowitcher
Habitat: Quebec
Habitat: Quebec
Great Gray Owl
Habitat: British Columbia
Habitat: British Columbia
Tricolored Blackbird
Habitat: Nova Scotia
Habitat: Nova Scotia
Common Ground-Dove
Habitat: Newfoundland and Labrador
Habitat: Newfoundland and Labrador
American Bittern
Habitat: Newfoundland and Labrador
Habitat: Newfoundland and Labrador
Common Chaffinch
Habitat: Quebec
Habitat: Quebec
Eurasian Hobby
Habitat: Manitoba
Habitat: Manitoba
Trumpeter Swan
Habitat: British Columbia
Habitat: British Columbia
White-collared Swift
Habitat: Manitoba
Habitat: Manitoba
White-tailed Tropicbird
Habitat: Prince Edward Island
Habitat: Prince Edward Island
Clapper Rail
Habitat: Alberta
Habitat: Alberta
Northern Rough-winged Swallow
Habitat: Yukon
Habitat: Yukon
Black-faced Grassquit
Habitat: New Brunswick
Habitat: New Brunswick
American Pipit
Habitat: Saskatchewan
Habitat: Saskatchewan
Tundra Swan
Habitat: Prince Edward Island
Habitat: Prince Edward Island
Bullock's Oriole
Habitat: Northwest Territories
Habitat: Northwest Territories
Bahama Mockingbird
Habitat: Nova Scotia
Habitat: Nova Scotia
Hooded Merganser
Habitat: Newfoundland and Labrador
Habitat: Newfoundland and Labrador
Rose-throated Becard
Habitat: Prince Edward Island
Habitat: Prince Edward Island
Sage Grouse
Habitat: British Columbia
Habitat: British Columbia
Gray-crowned Yellowthroat
Habitat: Northwest Territories
Habitat: Northwest Territories
Northern Rough-winged Swallow
Habitat: Prince Edward Island
Habitat: Prince Edward Island
Green-winged Teal
Habitat: Prince Edward Island
Habitat: Prince Edward Island
Brewer's Blackbird
Habitat: Nunavut
Habitat: Nunavut
Labrador Duck
Habitat: British Columbia
Habitat: British Columbia
Common Tern
Habitat: Nova Scotia
Habitat: Nova Scotia
Virginia's Warbler
Habitat: British Columbia
Habitat: British Columbia
Northern Gannet
Habitat: Newfoundland and Labrador
Habitat: Newfoundland and Labrador
Blue Mockingbird
Habitat: Nova Scotia
Habitat: Nova Scotia
Great Cormorant
Habitat: British Columbia
Habitat: British Columbia
Black-whiskered Vireo
Habitat: Saskatchewan
Habitat: Saskatchewan
Palm Warbler
Habitat: Northwest Territories
Habitat: Northwest Territories
Mugimaki Flycatcher
Habitat: New Brunswick
Habitat: New Brunswick
Oriental Cuckoo
Habitat: Saskatchewan
Habitat: Saskatchewan
Common Sandpiper
Habitat: Newfoundland and Labrador
Habitat: Newfoundland and Labrador
Manx Shearwater
Habitat: Nunavut
Habitat: Nunavut
Little Ringed Plover
Habitat: Alberta
Habitat: Alberta
Blue Grosbeak
Habitat: Nova Scotia
Habitat: Nova Scotia
interface Fruit {
name: string;
price: number;
expiry_date: Date;
}
const ruleset = finderRuleset<Fruit>([
sortByRule({
id: 'expiry_date',
sortFn: (fruit) => fruit.expiry_date.getTime(),
label: "Expires soon",
defaultSortDirection: 'desc'
}),
sortByRule({
id: 'price',
sortFn: (fruit) => fruit.price,
label: "Price lowest to highest"
}
]));
return <Finder items={fruits} rules={ruleset} />
Ye Olde Banana Stand
Snowpea
Expires: Wed, May 27
Expires: Wed, May 27
$0.65
Raspberry
Expires: Wed, May 27
Expires: Wed, May 27
$9.55
Fingerlime
Expires: Thu, May 28
Expires: Thu, May 28
$1.73
Papaw
Expires: Fri, May 29
Expires: Fri, May 29
$4.92
Grape
Expires: Fri, May 29
Expires: Fri, May 29
$7.82
Sultana
Expires: Fri, May 29
Expires: Fri, May 29
$3.35
Kiwi fruit
Expires: Fri, May 29
Expires: Fri, May 29
$5.04
Peach
Expires: Sat, May 30
Expires: Sat, May 30
$6.21
Avocado
Expires: Sun, May 31
Expires: Sun, May 31
$2.99
Longan
Expires: Sun, May 31
Expires: Sun, May 31
$6.64
Custard apple
Expires: Sun, May 31
Expires: Sun, May 31
$8.58
Butternut pumpkin
Expires: Sun, May 31
Expires: Sun, May 31
$6.90
Nashi pear
Expires: Sun, May 31
Expires: Sun, May 31
$3.02
Guava
Expires: Mon, Jun 1
Expires: Mon, Jun 1
$8.60
Papaya
Expires: Mon, Jun 1
Expires: Mon, Jun 1
$9.63
Kiwiberry
Expires: Mon, Jun 1
Expires: Mon, Jun 1
$9.54
Kiwiberry
Expires: Tue, Jun 2
Expires: Tue, Jun 2
$7.72
Mandarin
Expires: Wed, Jun 3
Expires: Wed, Jun 3
$8.01
Pear
Expires: Thu, Jun 4
Expires: Thu, Jun 4
$1.86
Dried apricot
Expires: Thu, Jun 4
Expires: Thu, Jun 4
$2.36
Custard apple
Expires: Thu, Jun 4
Expires: Thu, Jun 4
$2.16
Banana
Expires: Fri, Jun 5
Expires: Fri, Jun 5
$2.69
Bush tomato
Expires: Fri, Jun 5
Expires: Fri, Jun 5
$9.90
Loquat
Expires: Sat, Jun 6
Expires: Sat, Jun 6
$7.24
Sultana
Expires: Sat, Jun 6
Expires: Sat, Jun 6
$0.56
Feijoa
Expires: Sat, Jun 6
Expires: Sat, Jun 6
$9.30
Date
Expires: Sat, Jun 6
Expires: Sat, Jun 6
$5.21
Mangosteen
Expires: Sun, Jun 7
Expires: Sun, Jun 7
$7.12
Custard apples daikon
Expires: Sun, Jun 7
Expires: Sun, Jun 7
$1.07
Custard apple
Expires: Sun, Jun 7
Expires: Sun, Jun 7
$4.73
Incaberry
Expires: Sun, Jun 7
Expires: Sun, Jun 7
$0.86
Pineapple
Expires: Mon, Jun 8
Expires: Mon, Jun 8
$7.75
Prune
Expires: Tue, Jun 9
Expires: Tue, Jun 9
$2.94
Aubergine
Expires: Tue, Jun 9
Expires: Tue, Jun 9
$1.53
Cumquat
Expires: Tue, Jun 9
Expires: Tue, Jun 9
$8.73
Dragonfruit
Expires: Tue, Jun 9
Expires: Tue, Jun 9
$6.79
Dragonfruit
Expires: Tue, Jun 9
Expires: Tue, Jun 9
$9.97
Blackberry
Expires: Tue, Jun 9
Expires: Tue, Jun 9
$6.06
Snowpea
Expires: Thu, Jun 11
Expires: Thu, Jun 11
$8.96
Corella pear
Expires: Thu, Jun 11
Expires: Thu, Jun 11
$1.14
Guava
Expires: Thu, Jun 11
Expires: Thu, Jun 11
$1.23
Banana
Expires: Fri, Jun 12
Expires: Fri, Jun 12
$2.34
Prune
Expires: Fri, Jun 12
Expires: Fri, Jun 12
$1.30
Berry
Expires: Sat, Jun 13
Expires: Sat, Jun 13
$1.26
Butternut pumpkin
Expires: Sat, Jun 13
Expires: Sat, Jun 13
$1.88
Peach
Expires: Sat, Jun 13
Expires: Sat, Jun 13
$4.22
Peach
Expires: Sat, Jun 13
Expires: Sat, Jun 13
$7.00
Cumquat
Expires: Sun, Jun 14
Expires: Sun, Jun 14
$4.23
Cavalo
Expires: Sun, Jun 14
Expires: Sun, Jun 14
$9.22
Lychee
Expires: Mon, Jun 15
Expires: Mon, Jun 15
$2.78
Avocado
Expires: Mon, Jun 15
Expires: Mon, Jun 15
$1.81
Elderberry
Expires: Mon, Jun 15
Expires: Mon, Jun 15
$6.44
Fingerlime
Expires: Mon, Jun 15
Expires: Mon, Jun 15
$2.63
Sultana
Expires: Tue, Jun 16
Expires: Tue, Jun 16
$8.61
Grapefruit
Expires: Tue, Jun 16
Expires: Tue, Jun 16
$4.83
Peach
Expires: Tue, Jun 16
Expires: Tue, Jun 16
$7.88
Berry
Expires: Tue, Jun 16
Expires: Tue, Jun 16
$9.44
Nashi pear
Expires: Wed, Jun 17
Expires: Wed, Jun 17
$9.44
Pomegranate
Expires: Wed, Jun 17
Expires: Wed, Jun 17
$1.05
Fig
Expires: Wed, Jun 17
Expires: Wed, Jun 17
$5.73
Rockmelon
Expires: Wed, Jun 17
Expires: Wed, Jun 17
$7.08
Cherry
Expires: Thu, Jun 18
Expires: Thu, Jun 18
$1.08
Cherry
Expires: Thu, Jun 18
Expires: Thu, Jun 18
$9.60
Sultana
Expires: Fri, Jun 19
Expires: Fri, Jun 19
$0.76
Sprout
Expires: Fri, Jun 19
Expires: Fri, Jun 19
$2.88
Fig
Expires: Fri, Jun 19
Expires: Fri, Jun 19
$5.14
Pear
Expires: Fri, Jun 19
Expires: Fri, Jun 19
$9.63
Date
Expires: Fri, Jun 19
Expires: Fri, Jun 19
$1.24
Pear
Expires: Sat, Jun 20
Expires: Sat, Jun 20
$2.07
Peach
Expires: Sun, Jun 21
Expires: Sun, Jun 21
$3.55
Watermelon
Expires: Sun, Jun 21
Expires: Sun, Jun 21
$4.41
Tomato
Expires: Sun, Jun 21
Expires: Sun, Jun 21
$5.36
Custard apples daikon
Expires: Sun, Jun 21
Expires: Sun, Jun 21
$7.84
Prune
Expires: Sun, Jun 21
Expires: Sun, Jun 21
$0.55
Cranberry
Expires: Sun, Jun 21
Expires: Sun, Jun 21
$0.84
Currant
Expires: Mon, Jun 22
Expires: Mon, Jun 22
$5.13
Rockmelon
Expires: Mon, Jun 22
Expires: Mon, Jun 22
$1.77
Mandarin
Expires: Mon, Jun 22
Expires: Mon, Jun 22
$2.57
Berry
Expires: Mon, Jun 22
Expires: Mon, Jun 22
$5.87
Peach
Expires: Tue, Jun 23
Expires: Tue, Jun 23
$3.88
Mulberry
Expires: Tue, Jun 23
Expires: Tue, Jun 23
$6.12
Dried apricot
Expires: Tue, Jun 23
Expires: Tue, Jun 23
$3.79
Kiwiberry
Expires: Wed, Jun 24
Expires: Wed, Jun 24
$0.83
Loquat
Expires: Thu, Jun 25
Expires: Thu, Jun 25
$6.04
Snowpea
Expires: Thu, Jun 25
Expires: Thu, Jun 25
$6.23
Guava
Expires: Fri, Jun 26
Expires: Fri, Jun 26
$9.14
Banana
Expires: Fri, Jun 26
Expires: Fri, Jun 26
$5.01
Elderberry
Expires: Sat, Jun 27
Expires: Sat, Jun 27
$3.17
Berry
Expires: Sat, Jun 27
Expires: Sat, Jun 27
$2.07
Loquat
Expires: Sun, Jun 28
Expires: Sun, Jun 28
$3.03
Incaberry
Expires: Sun, Jun 28
Expires: Sun, Jun 28
$6.86
Loquat
Expires: Sun, Jun 28
Expires: Sun, Jun 28
$6.28
Prune
Expires: Sun, Jun 28
Expires: Sun, Jun 28
$4.34
Dried apricot
Expires: Mon, Jun 29
Expires: Mon, Jun 29
$7.15
Mandarin
Expires: Mon, Jun 29
Expires: Mon, Jun 29
$1.55
Nectarine
Expires: Mon, Jun 29
Expires: Mon, Jun 29
$4.55
Melon
Expires: Tue, Jun 30
Expires: Tue, Jun 30
$4.34
Pomegranate
Expires: Wed, Jul 1
Expires: Wed, Jul 1
$2.59
Nashi pear
Expires: Wed, Jul 1
Expires: Wed, Jul 1
$4.63
Apple
Expires: Thu, Jul 2
Expires: Thu, Jul 2
$7.57
interface Vehicle {
name: string;
make: string;
model: string;
melts_in_rain: boolean;
}
const rule = groupByRule<Vehicle>({
id: 'group_by_make',
groupFn: (car) => car.make,
label: "Make",
// want to sticky certain groups to the top or bottom of the list?
// Use the sticky prop to weight them.
sticky: {
header: ['Honda'],
footer: 'Tesla'
}
})
return <Finder items={vehicles} rules={[rule]} requireGroup={true} />
Groupable Cars
Honda (2)
2011 Fortwo
Violet
Violet
2012 Silverado
Sky blue
Sky blue
Ford (3)
2014 Malibu
Lavender
Lavender
2015 Aventador
Grey
Grey
2029 Colorado
Gold
Gold
Aston Martin (3)
2022 Golf
Plum
Plum
2025 Expedition
Fuchsia
Fuchsia
2029 Sentra
Fuchsia
Fuchsia
Audi (3)
2018 Spyder
Orchid
Orchid
2018 Model 3
Indigo
Indigo
2019 Jetta
Silver
Silver
BYD (1)
2010 Model X
Lime
Lime
Bentley (3)
2023 El Camino
Pink
Pink
2024 Accord
Turquoise
Turquoise
2027 Camaro
Maroon
Maroon
Bugatti (3)
2010 Fortwo
Orchid
Orchid
2013 Jetta
Sky blue
Sky blue
2015 V90
Maroon
Maroon
Chrysler (3)
2016 Roadster
Tan
Tan
2027 F-150
White
White
2030 Fiesta
Yellow
Yellow
Citroën (1)
2015 Durango
Salmon
Salmon
Dodge (4)
2010 F-150
Lavender
Lavender
2012 Countach
Lime
Lime
2017 Model Y
Fuchsia
Fuchsia
2021 Explorer
Magenta
Magenta
Ferrari (2)
2014 Spyder
Orchid
Orchid
2021 Alpine
Maroon
Maroon
Fiat (7)
2011 Jetta
Azure
Azure
2012 Golf
Azure
Azure
2014 Model Y
White
White
2020 Expedition
Grey
Grey
2025 Model Y
Blue
Blue
2030 2
Azure
Azure
2030 Volt
Green
Green
Hyundai (1)
2029 2
Blue
Blue
Jaguar (4)
2014 Model 3
Black
Black
2020 Roadster
Red
Red
2026 Expedition
Blue
Blue
2029 Sentra
Purple
Purple
Jeep (1)
2021 Model T
Violet
Violet
Kia (2)
2022 Jetta
Maroon
Maroon
2030 V90
Magenta
Magenta
Land Rover (2)
2022 Fortwo
Yellow
Yellow
2030 Model Y
Red
Red
Mahindra & Mahindra (6)
2012 1
Orchid
Orchid
2017 Land Cruiser
Lavender
Lavender
2018 Taurus
Turquoise
Turquoise
2020 Corvette
Sky blue
Sky blue
2021 Malibu
Salmon
Salmon
2024 XC90
Blue
Blue
Maruti (1)
2017 Challenger
Cyan
Cyan
Maserati (3)
2015 CTS
Cyan
Cyan
2026 Altima
Maroon
Maroon
2027 Challenger
Ivory
Ivory
Mazda (1)
2012 Camry
Cyan
Cyan
Mercedes Benz (1)
2017 El Camino
Ivory
Ivory
Mini (4)
2012 Civic
Sky blue
Sky blue
2014 Alpine
Azure
Azure
2020 Corvette
Olive
Olive
2029 Mustang
Fuchsia
Fuchsia
Mitsubishi (4)
2012 A8
Sky blue
Sky blue
2012 Durango
Lavender
Lavender
2021 Wrangler
Red
Red
2021 Silverado
Indigo
Indigo
NIO (1)
2025 Roadster
Orchid
Orchid
Nissan (2)
2010 PT Cruiser
Purple
Purple
2022 Escalade
Violet
Violet
Peugeot (3)
2011 Mustang
Gold
Gold
2027 A4
Maroon
Maroon
2030 Malibu
Turquoise
Turquoise
Polestar (3)
2010 Land Cruiser
Olive
Olive
2024 Camaro
Red
Red
2028 Corvette
Magenta
Magenta
Porsche (3)
2026 2
Azure
Azure
2030 Jetta
Green
Green
2030 Charger
Teal
Teal
Rivian (2)
2011 Countach
Mint green
Mint green
2014 Grand Caravan
Pink
Pink
Rolls Royce (2)
2012 Grand Cherokee
Mint green
Mint green
2014 Golf
Plum
Plum
Skoda (1)
2013 Element
Plum
Plum
Smart (4)
2013 A4
Tan
Tan
2017 Malibu
Maroon
Maroon
2019 Golf
Azure
Azure
2030 Taurus
Teal
Teal
Suzuki (3)
2015 Sentra
Teal
Teal
2018 A4
Mint green
Mint green
2019 Fiesta
Cyan
Cyan
Tata (1)
2016 Charger
Salmon
Salmon
Toyota (1)
2024 Alpine
Plum
Plum
Vauxhall (5)
2010 Model 3
Orchid
Orchid
2013 XTS
Indigo
Indigo
2017 Element
Ivory
Ivory
2019 911
Mint green
Mint green
2023 Explorer
Mint green
Mint green
Volkswagen (4)
2013 XC90
Lime
Lime
2015 Beetle
Purple
Purple
2019 Camry
Violet
Violet
2024 Element
Maroon
Maroon
Do you really need a whole library for basic data manipulation?
Filtering and sorting data is the easiest thing in the world, and a disproportionate percentage of webdev tasks. It can also be a disproportionate amount of frustrations as client needs change at the last minute, filters get nested and coupled, and object shape changes.
Without good discipline and planning, data manipulation can become a spaghetti mountain of boilerplate. Finder is intended to make data manipulation easy, type-safe, and reusable.