Skip to content

Faceted Search Drawers ​

Tailwind CSS Faceted Search Drawers

Get started with a collection of drawer components using a faceted search interface to use multiple filters options to search for results in your application.

Default faceted search drawer ​

Tailwind CSS Faceted Search Drawers

Use this free example of a drawer component to show a list of checkbox, radio and input field elements to filter search results.

Default faceted search drawer
html

Faceted search with accordion ​

Tailwind CSS Faceted Search Drawers

Use this advanced example to show multiple filter options separated in a logical way inside an accordion component from Flowbite.

Faceted search with accordion
html

Advanced faceted search with datepicker ​

Tailwind CSS Faceted Search Drawers

This example can be used to filter search results inside a drawer component using datepickers, range sliders, checkbox, and radio groups.

Advanced faceted search with datepicker
html

Large faceted search with multiple options ​

Tailwind CSS Faceted Search Drawers

Use this example to show a large drawer component with multiple filter options such as checkbox, radio, and toggle groups.

Large faceted search with multiple options
html