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: