Framer CMS Plus logo
Get CMS Plus

Filter+ Number

Filter collection items by number, comparison, or range. Use with Number fields; supports equals, greater than, less than, and between.

filters number range

Property Controls

  • Collection+ ID — Use the same ID as the Collection+ you want to filter. Set up your Collection+ first
  • Filter — Triggers the apply or clear filter function. Learn about this concept
  • Field Name — Must match the field name in your collection
  • Preserve — Enable/disable syncing with filter state. Read about preserving
  • Condition — Choose the filter option (see Conditions below)
  • Value — The criteria for the filter

When you select Is Between Numbers, use these controls:

  • Start Condition — Whether the start value is inclusive or exclusive
  • Start — Minimum value of the range
  • End Condition — Whether the end value is inclusive or exclusive
  • End — Maximum value of the range

Interactions

  • Active Filter — Variant when the filter is applied
  • Inactive Filter — Variant when the filter is cleared

Important: When Preserve is enabled, set both interactions. Read about preserving.

Basic Setup

1. Match filter type to field type

Use Filter+ Number only with Number fields.

2. Integrate into your component

Integrate the Number filter into your component. Learn how.

3. Configure controls

Configure controls in the primary variant. If using Preserve, add Active Filter and Inactive Filter interactions.

Required interactions when preserving

4. Override in other variant

Override Filter in the other variant. Learn about triggering.

Filter control override

Conditions

  • Equals
  • Doesn’t Equals
  • Greater Than
  • Greater Than or Equal
  • Less Than
  • Less Than or Equal
  • Is Between Numbers *
    • Greater Than
    • Greater Than or Equal
    • Less Than
    • Less Than or Equal

* Exclusive to CMS Plus.