Add disabled state to ToggleRefinement

aymeric-giraudet · Nov 7, 2023 · c96f215 · c96f215
1 parent 6a06b93
commit c96f215
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/lib/widgets/ToggleRefinement.svelte b/src/lib/widgets/ToggleRefinement.svelte
@@ -40,14 +40,15 @@
     { attribute, on, off },
     { $$widgetType: "svelte-ais.toggleRefinement" },
   );
-  $: ({ refine, value } = $state);
+  $: ({ refine, canRefine, value } = $state);
 
   $: labelToDisplay = label || value.name;
 </script>
 
 <div class={cx("ais-ToggleRefinement", classes.root)}>
   <label class={cx("ais-ToggleRefinement-label", classes.label)}>
     <input
+      disabled={!canRefine}
       class={cx("ais-ToggleRefinement-checkbox", classes.checkbox)}
       type="checkbox"
       checked={value.isRefined}