Upgrade toQuasar v2and use Vue.js 3

The QSeparator component is used to separate sections of text, other components, etc… It creates a colored line across the width of the parent. It can be horizontal or vertical.

QSeparator API


Take the following just as examples. Doesn’t mean you can use QSeparator only on QCard, QList or QToolbar.

Color CSS classes

Should you need, there are four special Quasar CSS classes which apply the color of QSeparator: text-separator, bg-separator, text-dark-separator, bg-dark-separator.