MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

docs(ui-docs): how to change the value of an input

This commit is contained in:
upsiflu 2025-01-16 11:11:01 +02:00
parent d4e1991427
commit 3f3c06e28f
1 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
front/ui-docs/components/ui/input.md
View File

@ -1,9 +1,13 @@
<script setup> <script setup>
import { ref } from 'vue'
import Input from "~/components/ui/Input.vue" import Input from "~/components/ui/Input.vue"
import Button from "~/components/ui/Button.vue" import Button from "~/components/ui/Button.vue"
import Layout from "~/components/ui/Layout.vue" import Layout from "~/components/ui/Layout.vue"
import Spacer from "~/components/ui/Spacer.vue" import Spacer from "~/components/ui/Spacer.vue"
import Alert from "~/components/ui/Alert.vue" import Alert from "~/components/ui/Alert.vue"
const value = ref("Value")
</script> </script>
```ts ```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 ## Fallthrough attributes
If you add attributes that are no props, they will be added to the component: If you add attributes that are no props, they will be added to the component: