Banner

The QBanner component creates a banner element to display a prominent message and related optional actions.

According to the Material Design spec, the banner should be “displayed at the top of the screen, below a top app bar” - but of course you can put one anywhere that makes sense, even in a QDialog.

Installation


// quasar.conf.js

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

Usage

Basic



Rounded border



With an image



Inline actions



Dense



QBanner API