Shared Package Library

SearchResultsToolbar

Common

import SearchResultsToolbar from "@dertour/ui/components/common/SearchResults/SearchResultsToolbar"

packages/ui/src/components/common/SearchResults/SearchResultsToolbar.tsx · not yet imported by any brand app

Internal to the Search Results body (`SearchResults_Body_Section_001`): the criteria pills (each removable) on the left, and the "Search filters" control (with an active-filter count) + the sort readout on the right. RESPONSIVE — from the real Figma frames, not invented: - Desktop `search/hotels` (7133:149711) → `filter-bar`: a 1037px-wide pill area on the left, and a 203px right-hand column holding `button/large` (203×48) with `sort-by` (162×24) beneath it. - Mobile `search-results/hotels` (7133:152476) → `filters`: a FULL-WIDTH `button/large` (343×48) with `sort-by` right-aligned 24px beneath it, and **no pill area at all** — the criteria strip is not on the mobile frame. Hence `Chips { display: none }` below `md` rather than a wrapped row. `md` (991px) is the switch because that is the breakpoint the search bar already uses for its own mobile/desktop split (`SearchBar.tsx`); Figma supplies only a 375 and a 1440 frame, so there is no designed tablet state to follow. Render-only.


Loading demo…