Example
Bootstrap Style
Section titled “Bootstrap Style”This example is ported from akumatus/FilterBuilder.
View source code View the source code for this component on GitHub.
Flatten Style
Section titled “Flatten Style”This style is used in scenarios where nested filters are not required. This can be particularly useful in situations where the data structure is simple.
⚠
⚠
⚠
View source code View the source code for this component on GitHub.
Popover Style
Section titled “Popover Style”Active Filters: {"status":"PENDING"}
API Payload: /api/data?status=PENDING
View source code View the source code for this component on GitHub.
Backend Integration
Section titled “Backend Integration”Filter Sphere is easy to integrate with backend systems. This example demonstrates integration with Meilisearch. You can try it out by typing in the search box below.
Meilisearch query:
(title CONTAINS "Filter Sphere" AND (author NOT CONTAINS "Author Name"))
View source code View the source code for this component on GitHub.
