Back to components
Shared component
Filter Sheet
Bottom sheet filter panel with multi-select options, clear all, and apply actions.
Install
What it does
- Bottom sheet presentation with drag handle
- Multi-select filter sections
- Clear all and Apply action buttons
- Active filter count display
When to use
Use it
Product listing filters, search refinement, settings option lists.
Skip it
Simple sort selection (use filter-sort-bar for sort-only).
Files & routes added
- components/shared/filter-sheet.tsx