feat(ais-toggle-refinement): allow multiple values for "on" and "off" (…

…algolia/vue-instantsearch#780) * feat(widget:toggle-refinement): allow multiples values for "on" and "off" * chore: add story * Update stories/ToggleRefinement.stories.js Co-authored-by: Haroen Viaene <fingebimus@me.com> Co-authored-by: Haroen Viaene <fingebimus@me.com>
algolia · Jun 18, 2020 · 4a7b570 · 4a7b570
1 parent 9b120fc
commit 4a7b570
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/packages/vue-instantsearch/src/components/ToggleRefinement.vue b/packages/vue-instantsearch/src/components/ToggleRefinement.vue
@@ -55,12 +55,12 @@ export default {
       required: true,
     },
     on: {
-      type: [String, Number, Boolean],
+      type: [String, Number, Boolean, Array],
       required: false,
       default: true,
     },
     off: {
-      type: [String, Number, Boolean],
+      type: [String, Number, Boolean, Array],
       required: false,
       // explicit otherwise Vue coerces the default value
       // to false because of the `Boolean` prop type

diff --git a/packages/vue-instantsearch/stories/ToggleRefinement.stories.js b/packages/vue-instantsearch/stories/ToggleRefinement.stories.js
@@ -20,6 +20,15 @@ storiesOf('ais-toggle-refinement', module)
       />
     `,
   }))
+  .add('with an on value (with multiple values)', () => ({
+    template: `
+      <ais-toggle-refinement
+        attribute="brand"
+        label="Metra or Samsung"
+        :on="['Samsung', 'Metra']"
+      />
+    `,
+  }))
   .add('with an off value', () => ({
     template: `
       <ais-toggle-refinement