SearchPanel
showcase · 3 variants · pages: home, catalognpx shadcn-vue@latest add @trame/commerce-search-panel # Vue
npx shadcn@latest add @trame/commerce-search-panel # React-
panel@trame/commerce-search-panel--panelthe same content in a compact panel under the header: a search that opens from the header
-
side-sheet@trame/commerce-search-panel--side-sheeta narrow sheet from the right edge, popular searches as chips and products as small text-first cards: a shop whose header search should not cover the page
-
top-sheet@trame/commerce-search-panel--top-sheeta wide band under the header, the field across the width, popular searches as a column of words beside product tiles: a large catalogue