Nuxt Swiftsearch
Components

<AisNumericMenu>

Numeric range selector using predefined interval items.

Usage

<AisInstantSearch :configuration="configuration">
  <AisNumericMenu
    attribute="price"
    :items="[
      { label: 'All' },
      { label: '<= 10', end: 10 },
      { label: '10 - 100', start: 10, end: 100 },
      { label: '>= 100', start: 100 }
    ]"
  />
</AisInstantSearch>

Props

PropTypeDefaultDescription
attributestringrequiredNumeric attribute name.
itemsNumericMenuConnectorParamsItem[]requiredRange presets with label, optional start, optional end.
transformItemsfunctionundefinedTransforms range items before rendering.
Copyright © 2026