Duplicate a component with a new class

BSS is fairly new to me so forgive me if I’m doing something wrong here.

So, in a nutshell, I’m trying to create a component exactly like the Input Control but remove the span section and adds <label class="input-group-text">.

Why do I want this? Because clicking on the <label> sets focus on the text control, but <span> won’t.Is this possible?

When I drop a Form component, then an Input Group component, it generates a span for the label and an input type ‘text’.
<span class="form-label input-group-text">Addon</span>
And the class is locked.

If I drop a Field Label on the form, it’s locked class is also “form-label input-group-text”. The problem is that the label is shorter in height than the input text. Eliminating form-label would fix the problem but the only way I can see to do that is to make it custom code which does away with the BSS gui.

What I want is:
<label class="input-group-text"> ← Note: no form-label
Then I’ll add the ‘for=name’ key/value where ‘name’ is the id of the text input control to focus.

Drag the label into the span, you may have to add a class of pb-0 or mb-0 to the label to get it to line up

1 Like

Thanks! mb-0 did the trick!

1 Like