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: {
    // NOT needed if using auto-import feature:
    components: [
      'QOptionGroup'
    ]
  }
}

Usage

Standard

Standard



With QCheckbox or QToggle

With checkboxes



WARNING

The model for checkboxes/toggles must be an array.

With toggles



With labels on left side

With option labels on the left side



Inline

Inline



Dense

Dense and inline



Disable

Disabled



Dark

On a dark background



QOptionGroup API