From 9f1009cae31b8232f85628ce734e1d4febe1b261 Mon Sep 17 00:00:00 2001
From: tristan <tristan@yuno.malio.fr>
Date: Tue, 9 Jun 2026 14:01:42 +0200
Subject: [PATCH] =?UTF-8?q?docs(amount)=20:=20exemple=20grand=20montant=20?=
 =?UTF-8?q?group=C3=A9=20(story=20+=20playground)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .playground/pages/composant/input/inputAmount.vue | 12 ++++++++++++
 app/story/input/inputAmount.story.vue             | 12 ++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/.playground/pages/composant/input/inputAmount.vue b/.playground/pages/composant/input/inputAmount.vue
index 42190d5..477668f 100644
--- a/.playground/pages/composant/input/inputAmount.vue
+++ b/.playground/pages/composant/input/inputAmount.vue
@@ -14,6 +14,17 @@
       />
     </div>
 
+    <div class="rounded-lg border p-4">
+      <h2 class="mb-4 text-xl font-bold">Grand montant (séparateurs)</h2>
+      <MalioInputAmount
+        v-model="bigValue"
+        label="Budget"
+      />
+      <div class="mt-2 rounded border p-3 text-sm">
+        <p>modelValue émis : <code>{{ bigValue || 'vide' }}</code></p>
+      </div>
+    </div>
+
     <div class="rounded-lg border p-4">
       <h2 class="mb-4 text-xl font-bold">Désactivé</h2>
       <MalioInputAmount
@@ -77,4 +88,5 @@
 import { ref } from 'vue'
 
 const readonlyFilledAmount = ref('1250.00')
+const bigValue = ref('1234567.89')
 </script>
diff --git a/app/story/input/inputAmount.story.vue b/app/story/input/inputAmount.story.vue
index 97defe3..6783fcc 100644
--- a/app/story/input/inputAmount.story.vue
+++ b/app/story/input/inputAmount.story.vue
@@ -9,6 +9,17 @@
         />
       </div>
 
+      <div class="rounded-lg border p-4">
+        <h2 class="mb-4 text-xl font-bold">Grand montant (séparateurs)</h2>
+        <MalioInputAmount
+          v-model="bigValue"
+          label="Budget"
+        />
+        <p class="mt-2 text-sm text-m-muted">
+          modelValue émis : <code>{{ bigValue || 'vide' }}</code>
+        </p>
+      </div>
+
       <div class="rounded-lg border p-4">
         <h2 class="mb-4 text-xl font-bold">Avec hint</h2>
         <MalioInputAmount
@@ -251,6 +262,7 @@ import {ref} from 'vue'
 import MalioInputAmount from '../../components/malio/input/InputAmount.vue'
 
 const simpleValue = ref('')
+const bigValue = ref('1234567.89')
 const hintValue = ref('')
 const disabledValue = ref('1500.00')
 const readonlyValue = ref('2450.75')