wovoui

Form Radio

This component is used to create html radio elements with bootstrap styling and vue model bindings.

Form Radio Inputs

Selected: 
<template>
    <div>
        <FormGroup label="Individual radios">
            <Radio v-model="selected" name="some-radios" value="A">Option A</Radio>
            <Radio v-model="selected" name="some-radios" value="B">Option B</Radio>
        </FormGroup>
        <div class="mt-3">Selected: <strong>{{ selected }}</strong></div>
    </div>
</template>

<script>
import {ref} from "vue";
import {Radio, FormGroup} from "@wovosoft/wovoui";

export default {
    components: {Radio, FormGroup},
    setup(props) {
        return {
            selected: ref('')
        }
    }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23