feat : ajout de state dans les histoires des composants

app/story/inputAmount.story.vue

@@ -1,8 +1,59 @@
 <template>
-  <Story
-    title="Input/Amount"
-  >
-      <MalioInputAmount/>
+  <Story title="Input/Amount">
+    <div class="grid grid-cols-1 gap-6 md:grid-cols-2">
+      <div class="rounded-lg border p-4">
+        <h2 class="mb-4 text-xl font-bold">Simple</h2>
+        <MalioInputAmount
+          v-model="simpleValue"
+          label="Montant"
+        />
+      </div>
+
+      <div class="rounded-lg border p-4">
+        <h2 class="mb-4 text-xl font-bold">Avec hint</h2>
+        <MalioInputAmount
+          v-model="hintValue"
+          label="Montant HT"
+          hint="Montant hors taxes en euros"
+        />
+      </div>
+
+      <div class="rounded-lg border p-4">
+        <h2 class="mb-4 text-xl font-bold">Désactivé</h2>
+        <MalioInputAmount
+          v-model="disabledValue"
+          label="Montant"
+          disabled
+        />
+      </div>
+
+      <div class="rounded-lg border p-4">
+        <h2 class="mb-4 text-xl font-bold">Readonly</h2>
+        <MalioInputAmount
+          v-model="readonlyValue"
+          label="Montant"
+          readonly
+        />
+      </div>
+
+      <div class="rounded-lg border p-4">
+        <h2 class="mb-4 text-xl font-bold">Erreur</h2>
+        <MalioInputAmount
+          v-model="errorValue"
+          label="Montant"
+          error="Le montant doit être supérieur à 0"
+        />
+      </div>
+
+      <div class="rounded-lg border p-4">
+        <h2 class="mb-4 text-xl font-bold">Succès</h2>
+        <MalioInputAmount
+          v-model="successValue"
+          label="Montant"
+          success="Montant valide"
+        />
+      </div>
+    </div>
   </Story>
 </template>
 
@@ -196,5 +247,13 @@ Composant input dédié à la saisie d’un montant décimal avec label flottant
 </docs>
 
 <script setup lang="ts">
+import {ref} from 'vue'
 import MalioInputAmount from '../components/malio/InputAmount.vue'
+
+const simpleValue = ref('')
+const hintValue = ref('')
+const disabledValue = ref('1500.00')
+const readonlyValue = ref('2450.75')
+const errorValue = ref('0.00')
+const successValue = ref('350.50')
 </script>