Developers
Start building
Themes/Theme SDK/Modules/listing/Defaults: FilterPanel

Defaults: FilterPanel

The defaults of @poltura/theme-sdk/listing, FilterPanel to FilterPanel.

On this page
import { … } from '@poltura/theme-sdk/listing';

FilterPanel

The complete filter panel of the product list it sits in: every group of useListingFilters with a "clear all".

FilterPanel(props: FilterPanelProps): ReactElement | null

Props: FilterPanelProps

import { FilterPanel } from '@poltura/theme-sdk/listing';

export function ListingAside() {
  return (
    <aside className="w-72">
      <FilterPanel />
    </aside>
  );
}

See also: useListingFilters, FilterGroup, AppliedFilters

Last updated