Filter Chip Value

Renders the filter label inside Filter Chips.

Last updated

Filter Chip Value icon

How to use

  1. Design a chip layout (label + remove button).

  2. Place this component for the label and Filter Chip Remove for the remove control.

  3. Connect the chip design to Filter Chips' ⦿ Chip control.

How the label renders

Filter Chip Value shows the active filter's label inside the chip. On canvas it shows placeholder text ("Filter") until it's nested inside a connected chip design. Style the label with Font, Color, and Transform (none / uppercase / lowercase / capitalize).

Constraints

Must live inside the design component connected to Filter Chips' ⦿ Chip control — that's where it gets the label it renders from. It's typically paired with Filter Chip Remove inside the same chip design.

Questions? Join our Slack community