I would like to change the sublabel color of q-collapsible and control it by a varible.

I only found there is a property header-class="text-red" which can control the label color, but not the sublabel.

My code is like this:

<q-collapsible icon="fa fa-square"
              :label="itselfStatus.node.tagValue.value"
              :sublabel="itselfStatus.valid ? $t('OK') : $t('failed')"
>
....
</q-collapsible>

@metalsadman awesome!

      <div class="col-9">
        <q-progress
            :percentage="progress"
            height="25px">            
        </q-progress>      
      </div> 

these code can make qprogress shown inline, very helpful, thanks!

@metalsadman the status bar may look like below:

QProgress seems, by default, is a block element as demos in doc:
https://quasar-framework.org/components/progress-bar.html

I would like to create a status bar with it, how can I make it shown as a inline element to sit aside my other icons?

Same errors, I’ve added 'linebreak-style': 0 to eslintrc.json, but those errors still exist.

I’m also searching the resolution of this question

After using cordova to wrap the app, there is a need to zoom in/out a picture, which component can help me to do that?