Dropdown Button

QBtnDropdown is a very convenient dropdown button. Goes very well with QList as dropdown content, but it’s by no means limited to it.

In case you are looking for a dropdown “input” instead of “button” use Select instead.

Installation


// quasar.conf.js

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

Usage

Basic



Various content



Split



Custom button



Custom dropdown icon



Label slot



Using v-model






Disable



QBtnDropdown API