1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month🚨 Slop police🚨 Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  2. motiq
  3. Mobile Filter Sheet

Mobile Filter Sheet

component

A mobile-first filter workflow, not a sheet of checkboxes: app-defined groups (checkbox, radio, range, date, search-within-options, hierarchical, custom) with disabled reasons and option counts, a draft-vs-applied model (Apply commits, Cancel restores, Reset, Clear-group/Clear-all), a live announced result count, removable chips, collapsible groups, and an unsaved-change confirm. Ships as a bottom sheet, fullscreen, or desktop side panel with focus trap + restoration, 200%-zoom-safe sticky footer, safe-area insets, and swipe-to-close that is never gesture-only.

pnpm dlx shadcn@latest add "https://motiq.dev/r/mobile-filter-sheet.json"
Premium blocks for shadcn/uiShadcnblocks.com Ā· AffiliateExplore
  • motion
  • utils
  • primitives
components/motiq/mobile-filter-sheet.tsx