thegeneralyst/AnopaDocs
Catalog

Anopa Filter Active Chips

Renders a row of dismissible chips for all currently active catalog filters.

Active Filter Chips

AnopaFilterActiveChips renders a dismissible chip for every active filter selection, covering all filter dimensions simultaneously — categories, tags, collections, colors, vendors, named variant options, price filters, the active search query, and the active sort order. Clicking the × on any chip removes that specific selection from the filter store. The component renders nothing at runtime when there are no active filters. On the canvas it shows a set of placeholder chips so you can style it without live filter state. An accent color drives the chip border and remove button color by default, with per-element overrides available in the Styling group.

Property Controls

ControlTypeDefaultDescription

Title

String

Active Filters

Label shown above the chips row when Show Title is on.

Show Title

Boolean

true

When on, shows the title label with an active filter count above the chips.

Accent Color

Color

#007bff

Primary highlight color used for chip borders and the remove button by default. Can be overridden per element in Styling.

Styling

Object

Per-element styling overrides. Title: font, color, padding, background, radius. Chip: font, background, text color, border, radius, padding, and chip spacing. Remove Button: font, color, hover color, size, and optional custom icon.