Change html output?

[kevinkashou]

Is there a way where I can change the order of the HTML output for the checkbox and the value?

Right now it is currently:

<label class="visibility-label" for="visibility-toggle-26">
    <span class="visibility-value">Title</span>
    <input class="visibility-toggle" id="visibility-toggle-26" value="on" type="checkbox">
</label>

Is this what I would like instead:

<label class="visibility-label" for="visibility-toggle-26">
    <input class="visibility-toggle" id="visibility-toggle-26" value="on" type="checkbox">
    <span class="visibility-value">Title</span>
</label>

[bebraw]

Unfortunately the order is fixed in the source. If you have time, you could decompose the component so that you could write something like this:

<VisibilityToggles ...>
  <VisibilityToggles.Toggle />
  <VisibilityToggles.Value />
</VisibilityToggles>

So you would have to extract some components and then consume the data through a context.

I can accept a PR for this.

[bebraw]

Let's keep this open. I may want to get this done one day. 👍