b-form-group feature to add asterisk to labels

Is your feature request related to a problem? Please describe…

A for now <b-form-group label="title"> takes label as string, I would like to add * after the label.

Describe the solution you’d like

Something like this: <b-form-group :label=" 'Customer Name <span>*</span>' " > So the span could be styled like making the * red color.

Describe alternatives you’ve considered

So far I could achieve what I want with giving the group a class like required, and work my way down like:

.form-group.required > label:after {
    content: " *";
    color: red;
}

[tmorehouse]

Oops… had a typo in the example. It should be:

<b-form-group label-for="input-customer-name" >
  <template v-slot:label>
    Customer Name <span class="text-danger">*</span>
  </template>
  <b-form-input id="input-customer-name"></b-form-input>
</b-form-group>

[tmorehouse]

You can use the label slot to place HTML (or component) markup in the label (which is why the slot is provided):

<b-form-group label-for="input-customer-name" >
  <template v-slot="label">
    Customer Name <span class="text-danger">*</span>
  </template>
  <b-form-input id="input-customer-name"></b-form-input>
</b-form-group>

See https://bootstrap-vue.js.org/docs/components/form-group#comp-ref-b-form-group-slots