Form Image Group

Image Radio Inputs

Radio input controls using images.

<b-form-group label="Layout"
  label-for="layout01-default">
  <bv-form-image-group :options="options"
    v-model="layout"
    required
    name="layout01"
    class="d-inline-flex" />
</b-form-group>

Validation

Form image groups support form validation states just like other input types.

<b-form-group :state="state"
  label="Layout"
  label-for="layout02-default"
  invalid-feedback="Please select an image."
  valid-feedback="Looks good!">
  <bv-form-image-group :options="options"
    v-model="layout"
    name="layout02"
    class="d-inline-flex" />
</b-form-group>

<bv-form-image-group> Reference

<bv-form-image-group> Properties

Property	Type	Default Value
id	String
name	String
disabled	Boolean
required	Boolean	false
form	String
autofocus	Boolean	false
options	Array or Object	[]
value-field	String	value
text-field	String	text
html-field	String	html
disabled-field	String	disabled
size	String
state	Boolean
validated	Boolean	false
aria-invalid	Boolean or String	false
stacked	Boolean	false
plain	Boolean	false
checked	String or Object or Number or Boolean

Table of Contents

Frontend Matter

Beautifully crafted Bootstrap themes and templates for modern web apps.

Themes

Templates

Company

Illustrations by Freepik Storyset