Skip to main content
Our new developer certification is live!

ListFilters

Inline filter summary component that renders selected filters as linked pills, grouped by section.

Props

PropTypeRequiredDefaultDescription
sectionsFilterSection[]Yes-Filter sections containing title and filter items to render.

Usage

import ListFilters from "@/components/molecules/ListFilters";

<ListFilters sections={sections} />

Features

  • Renders grouped filter links (for example content type or taxonomy filters).
  • Optional item icon support.
  • Uses Tag design system (tagVariants taxonomy tag style) for visual consistency with content taxonomies.

Notes

  • Returns null when sections is empty.
  • Uses next/link for filter URL navigation.