React Faceted Search Modals - Flowbite

Use the faceted search component to allow users to narrow down search results by applying multiple filters using checkboxes, radios, and range sliders inside of a modal.


Default faceted search modal

Use this free example to show a list of checkbox components inside a modal to filter results by categories inside your application.

View on GitHub

Faceted search with toggle filters

Use this free example of a modal where you can use a combination of toggle buttons and select inputs to filter search results.

View on GitHub

Faceted search with tabs

Use this example to break up the filtering options into multiple categories by using the tabs components from Flowbite.

View on GitHub

Advanced faceted search

Use this example to show multiple input fields, checkboxes, range sliders, and select inputs to apply filter elements inside a modal.

View on GitHub

Faceted search with datepicker

This example can be used to filter based on a date range using the Flowbite datepicker together with checkbox and toggle input elements.

View on GitHub