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 :)