Button Group

You can conveniently group QBtn and QBtnDropdown using QBtnGroup. Be sure to check those component’s respective pages to see their props and methods.

Installation


// quasar.conf.js

return {
  framework: {
    // NOT needed if using auto-import feature:
    components: [
      'QBtnGroup'
    ]
  }
}

Usage

Examples



WARNING

You must use same design props (flat, outline, push, …) on both the parent QBtnGroup and the children QBtn/QBtnDropdown.

Spread horizontally



With QBtnDropdown



QBtnGroup API