Components

<AisToggleRefinement>

ToggleRefinement Widget

Usage

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

<script setup lang="ts">
const widgets = computed(() => [
  useAisToggleRefinement({
    attribute: "free_shipping",
  }),
]);
</script>
⚠️ Always pass the attribute parameter and prop.

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


Copyright © 2023