Components

<AisRangeInput>

RangeInput Widget

Usage

MySearchExperience.vue
<template>
  <div>
    <AisInstantSearch :widgets :configuration>
      <AisRangeInput attribute="free_shipping" :precision="2" />
    </AisInstantSearch>
  </div>
</template>

<script setup lang="ts">
const widgets = computed(() => [
  useAisRangeInput({
    attribute: "free_shipping",
    precision: 2,
  }),
]);
</script>
⚠️ Always pass the attribute parameter and prop.
⚠️ If you're passing the precision property, be mindful to pass the same value to the connector and the component

Slots, props and widget connector params are all typed! More thorough documentation coming soon :)


Copyright © 2023