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



The following example won’t work with UMD version (so in Codepen/jsFiddle too) because it relies on the existence of Vue Router.




QBtnDropdown API