From 3f3c06e28fbd7f53d2776f12880f954f8bf53ea4 Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Thu, 16 Jan 2025 11:11:01 +0200
Subject: [PATCH] docs(ui-docs): how to change the value of an input

---
 front/ui-docs/components/ui/input.md | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/front/ui-docs/components/ui/input.md b/front/ui-docs/components/ui/input.md
index f8c6eb52c..69a8eb200 100644
--- a/front/ui-docs/components/ui/input.md
+++ b/front/ui-docs/components/ui/input.md
@@ -1,9 +1,13 @@
 <script setup>
+import { ref } from 'vue'
+
 import Input from "~/components/ui/Input.vue"
 import Button from "~/components/ui/Button.vue"
 import Layout from "~/components/ui/Layout.vue"
 import Spacer from "~/components/ui/Spacer.vue"
 import Alert from "~/components/ui/Alert.vue"
+
+const value = ref("Value")
 </script>
 
 ```ts
@@ -120,6 +124,18 @@ We use the spacer to simulate the baseline alignment on page layouts (64px betwe
 
 :::
 
+## Value
+
+```vue-html
+<Input v-model="value"/>
+<Input v-model="value"/>
+```
+
+<Layout flex>
+  <Input auto v-model="value"/>
+  <Input auto v-model="value"/>
+</Layout>
+
 ## Fallthrough attributes
 
 If you add attributes that are no props, they will be added to the component: