From f4fff5ae0c82bee5c9883986ab0db1128485fafd Mon Sep 17 00:00:00 2001
From: Yauheni Prakopchyk <yauheni.prakopchyk@epicmax.co>
Date: Tue, 12 Sep 2023 15:41:35 +0400
Subject: [PATCH] chore: story for value flip

---
 .../components/va-slider/VaSlider.stories.ts  | 23 +++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/components/va-slider/VaSlider.stories.ts b/packages/ui/src/components/va-slider/VaSlider.stories.ts
index 2f6b2d0841f..b50c496ae0e 100644
--- a/packages/ui/src/components/va-slider/VaSlider.stories.ts
+++ b/packages/ui/src/components/va-slider/VaSlider.stories.ts
@@ -1,12 +1,27 @@
 import { defineComponent } from 'vue'
-import VaSlider from './VaSlider.demo.vue'
+import { VaSlider } from '../va-slider'
+import { VaButton } from '../va-button'
+import VaSliderDemo from './VaSlider.demo.vue'
 
 export default {
   title: 'VaSlider',
   component: VaSlider,
 }
 
-export const Default = defineComponent({
-  components: { VaSlider },
-  template: '<VaSlider/>',
+export const Old = defineComponent({
+  components: { VaSliderDemo },
+  // template: '<va-alert description="Message" />',
+  template: 'banana',
+  // template: '<va-slider-demo/>',
+})
+
+export const FlipValues = () => defineComponent({
+  components: { VaSlider, VaButton },
+  data: () => ({
+    value: [70, 30],
+  }),
+  template: `
+    <va-slider :modelValue="value" range/>
+    <va-button @click="value.reverse()">Flip values</va-button>
+  `,
 })