Dropdown Button | Quasar Framework

How to contribute

Options & Helpers

Style & Identity

Layout and Grid

Vue Directives

Quasar Plugins

Vue Composables

Security

Quasar CLI (with Vite)

Quasar CLI (with Webpack)

Icon Genie CLI

App Extensions

Quasar Utils

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.

Usage

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

1. Introduction

2. QBtnDropdown API

3. Usage