Filters & Search

6 components in this category.

Filters & Search

FilteredPagination

Button-based pagination for the products-filter island — same visual as the SSR Pagination but calls back to the island for in-place page transitions.

4 variants

FilterSectionHeading

Filter-section heading shell — full-width top rule plus an uppercase label — shared by the /products/ and /metamodule-ref/ filter panels.

3 variants

KeywordHighlight

Highlights every case-insensitive keyword match inside a text run with the price-yellow <mark> background — used by ProductCardSimple search results.

4 variants

ProductBrandFilter

Row of brand-logo thumbnails acting as multi-select filter toggles for the /products/ filter; logo-less brands fall back to a brand-name text square.

3 variants

ProductTagFilter

Row of arrow-tag pills acting as multi-select filter toggles for the /products/ filter, each suffixed with its match count.

3 variants

SearchResultItem

One MiniSearch result: highlighted title + excerpt (`<mark>` matches) and an optional tag row.

4 variants