Option Group

The QOptionGroup component is a helper component that allows you better control for grouping binary (on or off, true or false, 1 or 0) form input components like checkboxes, radios or toggles. A good use for this component is for offering a set of options or settings to turn on and off.

Installation


// quasar.conf.js

return {
  framework: {
    components: [
      'QOptionGroup'
    ]
  }
}

Usage

Standard



With checkboxes



WARNING

The model for checkboxes must be an array

With toggles



WARNING

The model for toggles must be an array

With option labels on the left side



Inline



Dense and inline



Disabled



On a dark background



QOptionGroup API