Filter Text

Renders one row's title or value inside a design connected in Filter Button's Connect mode.

Last updated

August 14, 2026

How to use

Set Filter Button's Mode to Connect.
Nest Filter Text inside the ⦿ Unselected / ⦿ Selected design you connect there, wherever you want the row's title or value to appear.
Set Option to Title or Value depending on which text this instance should render — add a second Filter Text instance inside the same design if you need to show both.
Style the text with Font, Color, and Transform to match the rest of your design.

Title vs. Value — what each option shows

`Option`	Reads	Empty-state fallback
`Title`	The row's attribute name — the CMS field or variant option name (e.g. `Color`, `Size`) for CMS/variant filters, or the facet's property label (e.g. `Product Type`, `Vendor`) for every other filter type. One option covers both, so the same component handles a variant row like "Size: Large" and a property row like "Product Type: Shirts."	Falls back to the literal text "Title" if the field is empty.
`Value`	The row's actual filter value (e.g. `Summer`, `Blue`).	Falls back to the literal text "Value" if the field is empty.