bootstrap-vue
Version:
BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.
30 lines (22 loc) • 902 B
HTML
<div id="app">
<b-form-radio-group v-model="value" :options="options"></b-form-radio-group>
<br>
<b-form-radio-group v-model="value" :options="options" stacked state="valid"></b-form-radio-group>
<br>
<b-form-radio-group v-model="value" :options="options" validated state="valid"></b-form-radio-group>
<br>
<b-form-radio-group v-model="value" :options="options" buttons></b-form-radio-group>
<br>
<b-form-radio-group v-model="value" :options="options" buttons stacked></b-form-radio-group>
<br>
<b-form-radio-group v-model="value" :options="options" buttons size-"sm"></b-form-radio-group>
<br>
<b-form-radio-group v-model="value">
<b-form-radio v-for="opt in options" :key="opt.value">
{{ opt.text }}
</b-form-radio>
</b-form-radio-group>
<br>
<span>Selected: </span>
<span>{{value}}</span>
</div>