Support for text on both sides.

[michael-andreuzza]

Hey !.

I can't seem to achieve to have text on both sides.
I am using the switch on colorsandfonts.com and I would like to display this:
" Light ( switch ) Dark "

This is my code by now:

                                <label for="switchRoundedInfo">
                                    <ion-icon name="sunny"></ion-icon>
                                </label> 

The only problem is that it gets messy if I try it.

Thank you very much and have a good day !

[jcraigk]

It would be great if we could put the label anywhere, for example, using Bulma's suggested horizontal form layout:

<div class="field is-horizontal">
  <div class="field-label">
    <label class="label" for="my-switch-control">Already a member?</label>
  </div>
  <div class="field-body">
    <div class="field is-narrow">
      <div class="control">
        <input id="my-switch" type="checkbox" class="is-switch">
      </div>
    </div>
  </div>
</div>

Currently without the label being a direct following sibling of the checkbox, the control does not display.