lui-select Header Text

[rbartley]

Hello all,

I have created a widget as follows:

<lui-select-header>Select year</lui-select-header>
<lui-select  x-model="value">

  <option class="row" value="" ng-repeat="row in data.rows" &{{row.dimensions[0].qtext}}="">
  {{row.dimensions[0].qText}}
  </option>
</lui-select>

Which displays as:

However, I would like to use this alongside Qlik Sense filters and so want to standardise the format by showing the Header text on the first line of the list as below.

Does anyone know a way of doing this?

Thanks in advance.