docs: improve forms usage with examples

This commit is contained in:
Benjamin Canac
2023-06-12 14:34:12 +02:00
parent 429791dab0
commit bc81d45b2b
13 changed files with 172 additions and 36 deletions

View File

@@ -5,11 +5,36 @@ description: Display a radio field.
## Usage
::component-card
---
baseProps:
name: 'radio'
---
Use a `v-model` to make the Radio reactive.
::component-example
#default
:radio-example
#code
```vue
<script setup>
const methods = [{
name: 'email',
value: 'email',
label: 'Email'
}, {
name: 'sms',
value: 'sms',
label: 'Phone (SMS)'
}, {
name: 'push',
value: 'push',
label: 'Push notification'
}]
const selected = ref('sms')
</script>
<template>
<URadio v-for="method of methods" :key="method.name" v-model="selected" v-bind="method" />
</template>
```
::
### Label